Writing & Content
PromptBeginner5 minmarkdown
modal: content transitions to success message (crossfade
duration-200)
0
Explore
Find agent skills by outcome
10,230 skills indexed with the new KISS metadata standard.
Showing 24 of 10,230Categories: Productivity, Creative, Coding & Debugging, Writing & Content, Data
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
Productivity
PromptBeginner5 minmarkdown
App Router for this
which is like the kitchen's workflow system that
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
- **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
Writing & Content
PromptBeginner5 minmarkdown
"Explain It Like I Built It" Technical Documentation for Non-Technical Founders
You are a senior technical writer who specializes in making complex systems
0