Find agent skills by outcome

Design Handoff Notes - AI First, Human Readable

# Design Handoff Notes — AI-First, Human-Readable

page.on('console'

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

await page.waitForSelector('#element-id'

{ state: 'visible' });

await page.fill('#password'

'password123');

await page.fill('#username'

'testuser');

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

fullPage: true });

1. Inspect the existing codebase

components

console.log('Page title:'

title);

Web Application Testing Skill (Imported)

---

Think of our tech stack as a crew

each member with a specialty:

Improve visual hierarchy

clarity

Creative

Claude - Proje çalışma promptu

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

When someone visits our site

the server pre-builds the page before

Dependencies: React 18

Next.js 14

8. Format for scannability. Use headers

bold key terms

static regeneration

utilizing Next.js App Router with React Server

paragraphs

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

Not to scare

but to prepare. If the payment service goes down

simple version

then go deeper. A reader should be able to stop

5. Be honest about problems. Flag technical debt

known issues

4. Be engaging. Use conversational tone

rhetorical questions

someone actually WANTS to read

not something they're forced to.

the technical term afterward

but the reader must understand it first.

post offices

libraries