Find agent skills by outcome

- Backups are configured (database

if applicable)

- Error pages are designed (500

maintenance)

- [ ] Colors match design tokens exactly (check with color picker

not by eye)

Visual QA & Cross-Browser Audit

You are a senior QA specialist with a designer's eye. Your job is to find

modal: content transitions to success message (crossfade

duration-200)

content: replace children with spinner (16px

animate-spin)

Data

Data requirements: [what data this page needs

from where]

Data

RIGHT: if data fetch takes >300ms

show skeleton. If fetch fails

- Tertiary: You (the designer)

when checking if implementation matches intent

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.

When to use: After design is finalized

before implementation begins. This replaces Figma handoff

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

Design Handoff Notes - AI First, Human Readable

# Design Handoff Notes — AI-First, Human-Readable

Claude - Proje çalışma promptu

Plan a redesign for this web page before making any edits.

If a section is boring

rewrite it until it isn't.

- If I were starting over

I would...

Write the FORME.md with these sections

in this order:

"Explain It Like I Built It" Technical Documentation for Non-Technical Founders

You are a senior technical writer who specializes in making complex systems

- Write the REPLACEMENT text (not the whole document

just the changed parts)

Maintenance Prompt for Design System

You are a design system auditor performing a sync check.

CLAUDE.md Assembly

You are compiling the definitive CLAUDE.md design system reference file.

- List every visual part (e.g.

Button = container + label + icon-left + icon-right)

Component Documentation

You are a design systems documentarian creating the component specification

no stock photography feel

no Dribbble-bait]