Find agent skills by outcome

await page.screenshot({ path: 'debug.png'

fullPage: true });

page.on('console'

msg => console.log('Browser log:'

await page.waitForSelector('#element-id'

{ state: 'visible' });

await page.fill('#password'

'password123');

console.log('Page title:'

title);

await page.fill('#username'

'testuser');

Improve visual hierarchy

clarity

1. Inspect the existing codebase

components

Web Application Testing Skill (Imported)

---

Dependencies: React 18

Next.js 14

Think of our tech stack as a crew

each member with a specialty:

Creative

Claude - Proje çalışma promptu

Plan a redesign for this web page before making any edits.

static regeneration

utilizing Next.js App Router with React Server

Productivity

App Router for this

which is like the kitchen's workflow system that

When someone visits our site

the server pre-builds the page before

paragraphs

and bullet points for lists. But use prose (not bullets)

8. Format for scannability. Use headers

bold key terms

simple version

then go deeper. A reader should be able to stop

Writing & Content

If a section is boring

rewrite it until it isn't.

5. Be honest about problems. Flag technical debt

known issues

Not to scare

but to prepare. If the payment service goes down

someone actually WANTS to read

not something they're forced to.

Education

Explain why decisions were made

what alternatives were considered

4. Be engaging. Use conversational tone

rhetorical questions