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
8,712 skills indexed with the new KISS metadata standard.
Showing 24 of 8,712Categories: Productivity, Coding & Debugging, Creative, Writing & Content
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
Coding & Debugging
PromptBeginner5 minmarkdown
Your output will be read primarily by AI coding agents (Claude Code
Cursor)
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Primary: 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
- Tertiary: You (the designer)
when checking if implementation matches intent
0
Creative
PromptBeginner5 minmarkdown
**When to use:** After design is finalized
before implementation begins. This replaces Figma handoff
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
Creative
PromptBeginner5 minmarkdown
Claude - Proje çalışma promptu
Plan a redesign for this web page before making any edits.
0
Coding & Debugging
PromptBeginner5 minmarkdown
1. Inspect the existing codebase
components
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
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
Writing & Content
PromptBeginner5 minmarkdown
Write the FORME.md with these sections
in this order:
0
Coding & Debugging
PromptBeginner5 minmarkdown
understandable to non-engineers. You have a gift for analogy
narrative
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