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

page.on('console'

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

await page.waitForSelector('#element-id'

{ state: 'visible' });

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

fullPage: true });

console.log('Page title:'

title);

await page.fill('#username'

'testuser');

await page.fill('#password'

'password123');

1. Inspect the existing codebase

components

Improve visual hierarchy

clarity

Web Application Testing Skill (Imported)

---

Creative

Claude - Proje çalışma promptu

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

Dependencies: React 18

Next.js 14

Think of our tech stack as a crew

each member with a specialty:

When someone visits our site

the server pre-builds the page before

static regeneration

utilizing Next.js App Router with React Server

paragraphs

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

simple version

then go deeper. A reader should be able to stop

8. Format for scannability. Use headers

bold key terms

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

- Key URLs (production

staging