Creative
PromptBeginner5 minmarkdownQuality: 28
Visual QA & Cross-Browser Audit
You are a senior QA specialist with a designer's eye. Your job is to find
0
Explore
Find agent skills by outcome
27,324 skills indexed with the new KISS metadata standard.
Showing 24 of 27,324Categories: Productivity, Coding & Debugging, Data, Creative, Communication
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 28
**If no CLAUDE.md exists yet:** Tell the prompt to generate a minimal token section at the top of the handoff document covering only the tokens needed for this specific handoff. It won't be a full design system
but it prevents hardcoded values.
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
After implementation
the AI agent (or human developer) should verify:
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
- icon: ImageOff from lucide-react
text-gray-400
0
Data
PromptBeginner5 minmarkdownQuality: 24
**Data requirements:** [what data this page needs
from where]
0
Data
PromptBeginner5 minmarkdownQuality: 24
RIGHT: if data fetch takes >300ms
show skeleton. If fetch fails
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
Your output will be read primarily by AI coding agents (Claude Code
Cursor)
0
Creative
PromptBeginner5 minmarkdownQuality: 28
**Relationship to CLAUDE.md:** This document assumes a CLAUDE.md design system file already exists in the project root. Handoff Notes reference tokens from CLAUDE.md but don't redefine them. If no CLAUDE.md exists
run the Design System Extraction prompts first.
0
Creative
PromptBeginner5 minmarkdownQuality: 28
**When to use:** After design is finalized
before implementation begins. This replaces Figma handoff
0
Creative
PromptBeginner5 minmarkdownQuality: 24
- Tertiary: You (the designer)
when checking if implementation matches intent
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
- Primary: AI coding agents (Claude Code
Cursor
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
### A structured handoff document optimized for AI implementation agents (Claude Code
Cursor
0
Creative
PromptBeginner5 minmarkdownQuality: 28
**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 minmarkdownQuality: 28
Design Handoff Notes - AI First, Human Readable
# Design Handoff Notes — AI-First, Human-Readable
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
await page.screenshot({ path: 'debug.png'
fullPage: true });
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
1. Inspect the existing codebase
components
0
Creative
PromptBeginner5 minmarkdownQuality: 24
Claude - Proje çalışma promptu
Plan a redesign for this web page before making any edits.
0
Productivity
PromptBeginner5 minmarkdownQuality: 24
App Router for this
which is like the kitchen's workflow system that
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
Dependencies: React 18
Next.js 14
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
static regeneration
utilizing Next.js App Router with React Server
0
Creative
PromptBeginner5 minmarkdownQuality: 24
- If I were starting over
I would...
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 28
- **My role:** [e.g.
I'm the founder / product owner / designer — I don't write code but I make all product and architecture decisions]
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
understandable to non-engineers. You have a gift for analogy
narrative
0
Creative
PromptBeginner5 minmarkdownQuality: 24
Maintenance Prompt for Design System
You are a design system auditor performing a sync check.
0