Creative
PromptBeginner5 minmarkdown
- [ ] Colors match design tokens exactly (check with color picker
not by eye)
0
Explore
Find agent skills by outcome
9,230 skills indexed with the new KISS metadata standard.
Showing 24 of 9,230Categories: Research & Learning, Data, Creative, Coding & Debugging, Writing & Content, Cursor-rules
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
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
Writing & Content
PromptBeginner5 minmarkdown
modal: content transitions to success message (crossfade
duration-200)
0
Writing & Content
PromptBeginner5 minmarkdown
content: replace children with spinner (16px
animate-spin)
0
Data
PromptBeginner5 minmarkdown
**Data requirements:** [what data this page needs
from where]
0
Data
PromptBeginner5 minmarkdown
RIGHT: if data fetch takes >300ms
show skeleton. If fetch fails
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
Writing & Content
PromptBeginner5 minmarkdown
If a section is boring
rewrite it until it isn't.
0
Creative
PromptBeginner5 minmarkdown
- If I were starting over
I would...
0