Creative
PromptBeginner5 minmarkdown
**When to use:** After design is finalized
before implementation begins. This replaces Figma handoff
0
Explore
Find agent skills by outcome
75,345 skills indexed with the new KISS metadata standard.
Showing 24 of 75,345Categories: Data, Coding & Debugging, Creative, Productivity, Communication, Research & Learning, General
General
PromptBeginner5 minmarkdown
**The core philosophy:** If an AI reads this document and has to guess anything
the document has failed.
0
Creative
PromptBeginner5 minmarkdown
**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
0
Creative
PromptBeginner5 minmarkdown
Design Handoff Notes - AI First, Human Readable
# Design Handoff Notes — AI-First, Human-Readable
0
General
PromptBeginner5 minmarkdown
page.on('console'
msg => console.log('Browser log:'
0
Coding & Debugging
PromptBeginner5 minmarkdown
### A structured handoff document optimized for AI implementation agents (Claude Code
Cursor
0
General
PromptBeginner5 minmarkdown
await page.fill('#password'
'password123');
0
General
PromptBeginner5 minmarkdown
await page.waitForSelector('#element-id'
{ state: 'visible' });
0
Coding & Debugging
PromptBeginner5 minmarkdown
await page.screenshot({ path: 'debug.png'
fullPage: true });
0
General
PromptBeginner5 minmarkdown
await page.fill('#username'
'testuser');
0
General
PromptBeginner5 minmarkdown
console.log('Page title:'
title);
0
General
PromptBeginner5 minmarkdown
Web Application Testing Skill (Imported)
---
0
Coding & Debugging
PromptBeginner5 minmarkdown
1. Inspect the existing codebase
components
0
Creative
PromptBeginner5 minmarkdown
Claude - Proje çalışma promptu
Plan a redesign for this web page before making any edits.
0
General
PromptBeginner5 minmarkdown
Improve visual hierarchy
clarity
0
General
PromptBeginner5 minmarkdown
Think of our tech stack as a crew
each member with a specialty:
0
Coding & Debugging
PromptBeginner5 minmarkdown
Dependencies: React 18
Next.js 14
0
Productivity
PromptBeginner5 minmarkdown
App Router for this
which is like the kitchen's workflow system that
0
General
PromptBeginner5 minmarkdown
When someone visits our site
the server pre-builds the page before
0
Coding & Debugging
PromptBeginner5 minmarkdown
static regeneration
utilizing Next.js App Router with React Server
0
General
PromptBeginner5 minmarkdown
paragraphs
and bullet points for lists. But use prose (not bullets)
0
General
PromptBeginner5 minmarkdown
simple version
then go deeper. A reader should be able to stop
0
General
PromptBeginner5 minmarkdown
8. **Format for scannability.** Use headers
bold key terms
0
General
PromptBeginner5 minmarkdown
Not to scare
but to prepare. If the payment service goes down
0