Find agent skills by outcome

Design Handoff Notes - AI First, Human Readable

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

### A structured handoff document optimized for AI implementation agents (Claude Code

Cursor

page.on('console'

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

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

fullPage: true });

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

Web Application Testing Skill (Imported)

---

1. Inspect the existing codebase

components

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.

Dependencies: React 18

Next.js 14

static regeneration

utilizing Next.js App Router with React Server

When someone visits our site

the server pre-builds the page before

8. Format for scannability. Use headers

bold key terms

paragraphs

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

simple version

then go deeper. A reader should be able to stop

Not to scare

but to prepare. If the payment service goes down

5. Be honest about problems. Flag technical debt

known issues

someone actually WANTS to read

not something they're forced to.

4. Be engaging. Use conversational tone

rhetorical questions

post offices

libraries