Creative
PromptBeginner5 minmarkdown
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
6,801 skills indexed with the new KISS metadata standard.
Showing 24 of 6,801Categories: Creative, Coding & Debugging, Business
Coding & Debugging
PromptBeginner5 minmarkdown
**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 minmarkdown
After implementation
the AI agent (or human developer) should verify:
0
Coding & Debugging
PromptBeginner5 minmarkdown
- icon: ImageOff from lucide-react
text-gray-400
0
Creative
PromptBeginner5 minmarkdown
- Tertiary: You (the designer)
when checking if implementation matches intent
0
Coding & Debugging
PromptBeginner5 minmarkdown
Your output will be read primarily by AI coding agents (Claude Code
Cursor)
0
Creative
PromptBeginner5 minmarkdown
**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 minmarkdown
**When to use:** After design is finalized
before implementation begins. This replaces Figma handoff
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Primary: AI coding agents (Claude Code
Cursor
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
Coding & Debugging
PromptBeginner5 minmarkdown
### A structured handoff document optimized for AI implementation agents (Claude Code
Cursor
0
Coding & Debugging
PromptBeginner5 minmarkdown
await page.screenshot({ path: 'debug.png'
fullPage: true });
0
Coding & Debugging
PromptBeginner5 minmarkdown
1. Inspect the existing codebase
components
0
Coding & Debugging
PromptBeginner5 minmarkdown
Dependencies: React 18
Next.js 14
0
Creative
PromptBeginner5 minmarkdown
Claude - Proje çalışma promptu
Plan a redesign for this web page before making any edits.
0
Coding & Debugging
PromptBeginner5 minmarkdown
static regeneration
utilizing Next.js App Router with React Server
0
Creative
PromptBeginner5 minmarkdown
- If I were starting over
I would...
0
Coding & Debugging
PromptBeginner5 minmarkdown
- **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 minmarkdown
understandable to non-engineers. You have a gift for analogy
narrative
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Code that breaks CLAUDE.md rules (inline colors
missing focus states
0
Creative
PromptBeginner5 minmarkdown
Maintenance Prompt for Design System
You are a design system auditor performing a sync check.
0
Coding & Debugging
PromptBeginner5 minmarkdown
CLAUDE.md and the actual code
the CLAUDE.md should be updated to
0
Creative
PromptBeginner5 minmarkdown
CLAUDE.md Assembly
You are compiling the definitive CLAUDE.md design system reference file.
0