Curated Agent Skills for Autonomous Coding Agents

Silicon Valley grade dark-mode design system with crisp micro-borders and zero visual bloat.

• Strict background hierarchy: zinc-950, zinc-900, zinc-800 surfaces
• Micro-border radiance (rgba(255,255,255,0.08) highlight strokes)
• Tabular numerals and crisp font tracking rules

The indie maker blueprint: brutal honesty, immediate value, and ultra-high checkout conversion.

• First-screen 3-second comprehension rule
• Psychological pricing layout with urgency & money-back guarantee
• Founder proof badge and video walkthrough slot

Hard restrictions that ban AI from generating repetitive 3-column cards and cliché stock layouts.

• Bans cliché 3-column identical card rows
• Enforces asymmetric grid ratios (60/40 or 70/30 split)
• Substitutes decorative abstract shapes with functional interactive previews

Hardware-accelerated CSS physics, magnetic buttons, and zero-layout-shift transitions.

• Zero-CLS (Cumulative Layout Shift) interactive states
• Radial cursor-follow spotlight effect for card surfaces
• Spring transition timings: cubic-bezier(0.16, 1, 0.3, 1)

Tagline engineering, maker comment formulas, and PST launch sequencing rules.

• Algorithm-compliant 60-character tagline generation
• 3-paragraph Maker Comment template (Problem -> Story -> Special Deal)
• T-14 to T+7 launch cadence checklists

Enforce strict separation between database, business logic, and UI in autonomous sessions.

• Max 250 lines per component hard ceiling
• Server-only functions isolated in .server.ts files
• Zod-validated domain boundaries

Semantic design system enforcing asymmetric layout balance, perpetual micro-motion, and calibrated contrast.

• Strict 4-tier surface elevation tokens (zinc-950 base -> zinc-900 layer -> zinc-850 surface)
• Asymmetric balance: 60/40 ratio for hero showcases
• Perpetual ambient pulse animation (<3% opacity swing, 8s period)

Compact KPI metric cards, tabular monospace figures, and zero-fluff data grids.

• High information density layout (36px row heights, compact headers)
• Tabular font features (font-feature-settings: "tnum")
• Trend delta badges with directional arrows and color-coded percentages

Dynamic viewport units (100dvh), native spring sheets, and notch safe-area handling.

• Modern viewport sizing: min-h-dvh and 100dvh replaces 100vh
• Native safe area insets: pb-[env(safe-area-inset-bottom)]
• Touch-friendly 44px minimum tap targets

Equip your web apps with citable statistics, JSON-LD Schema.org graphs, and llms.txt discovery.

• Automatic JSON-LD @graph emission (Organization, SoftwareApplication, FAQPage)
• High-authority citable fact definitions for LLM training and search crawlers
• llms.txt and llms-full.txt machine-readable endpoint formatting

Zero any types, atomic component modularity, and strict server-boundary validation.

• Forbids "any" and unvalidated "unknown" type assertions
• Enforces schema validation (Zod/Valibot) at all network and database boundaries
• Strict separation of client UI and server mutations

Technical humility, benchmark transparency, and self-hostable open-source README formatting.

• Bans promotional adjectives ("revolutionary", "all-in-one", "magic")
• Architecture diagram and technical stack transparency section
• Honest trade-off and limitation disclosures (wins HN trust)

Strip inflated symbolism, superficial -ing participial phrases, and robotic corporate filler from AI copy.

• Bans AI buzzwords ("delve", "testament", "tapestry", "crucial role", "beacon")
• Eliminates superficial "-ing" participial tail attachments
• Breaks robotic "rule of three" parallelism

Transform Figma design nodes into production-ready Tailwind tokens with sub-pixel spacing and zero style drift.

• Extracts exact structured layout hierarchy from Figma node trees
• Maps Figma color styles to semantic design system CSS variables
• Exports optimized SVG assets directly without placeholder icons

Merchant-of-Record payment processing with verified webhook ingestion, D1 ledgers, and zero recurring fees.

• Secure server-only @waffo/pancake-ts integration with RSA key signing
• Idempotent webhook ledger avoiding duplicate fulfillment
• Hosted checkout redirect with custom return_url & cancel_url

Section-by-section DOM extraction, exact typography token harvesting, and parallel builder agent coordination.

• Section-by-section decomposition preventing context loss
• Extracts computed styles (letter-spacing, backdrop-filter, border-color)
• Harvests layered background and foreground image assets

Wayback evolution analysis, pricing model reverse-engineering, and acquisition channel mapping.

• 4-step teardown framework (Landing page -> Social loop -> Referral traffic -> Ad spend)
• Historical Wayback Machine messaging evolution tracking
• Growth flywheel 6-stage score sheet

Technical documentation architecture that converts engineers from readers into active paying users.

• 30-second time-to-first-API-call quickstart design
• Copy-paste runnable code recipes with real credentials examples
• Strategic developer conversion triggers placed at Aha! moments