Find agent skills by outcome

Design Handoff Notes - AI First, Human Readable

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

Creative

Description: Generates a design handoff document that serves as direct implementation instructions for AI coding agents. Unlike traditional handoff notes that describe how a design should feel

this document provides machine-parseable specifications with zero ambiguity. Every value is explicit

await page.waitForSelector('#element-id'

{ state: 'visible' });

page.on('console'

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

console.log('Page title:'

title);

await page.fill('#username'

'testuser');

await page.fill('#password'

'password123');

Web Application Testing Skill (Imported)

---

Improve visual hierarchy

clarity

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.

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

4. Be engaging. Use conversational tone

rhetorical questions

someone actually WANTS to read

not something they're forced to.

- Key URLs (production

staging

the technical term afterward

but the reader must understand it first.

post offices

libraries

- How to run the project locally (step by step

assume zero setup)

- If you ever need to change [X]

be careful because it also affects [Y] and [Z]