Extract a Design System from CodeAudits a codebase for its design decisions across color, typography, layout, components, motion, and assets, then returns a structured JSON report.Assemble a Design System ReferenceCombines token architecture, component documentation, and project metadata into a structured CLAUDE.md reference for a codebase.Code-Change-Driven FORME Documentation SyncCompare existing documentation with the updated codebase, identify the effects of changes, and generate precise replacement documentation that preserves the original tone and system of analogies.Iterate and Polish a Web PageReviews a page’s emotional impact, typography, and interactions, then proposes and implements three improvements.Pre-Launch Checklist GeneratorGenerates a tailored launch checklist covering functionality, content, placeholder assets, SEO, performance, security, and infrastructure, with a verification note for each item.Build a Token ArchitectureTransforms a raw design audit into a three-tier token system, with migration mappings, deprecations, and a decision log.Project Docs for Non-Technical FoundersGuides a model through a codebase and into a plain-language FORME.md covering architecture, data flow, technology choices, and common pitfalls.Audit Design System Documentation DriftCompares a design system document with the current codebase and reports undocumented tokens, component changes, broken references, and convention violations.Web Design Concept BriefUses client positioning, audience, tone, and references to guide a model in proposing page layouts, visual direction, a signature interaction, and technology choices before coding.React Page-by-Page BuilderGuides a model to implement a mobile-first, responsive page in React and Tailwind from an approved concept, with a specified interaction as the hero moment.Visual Quality and Cross-Browser AuditAudits a web implementation for visual fidelity, responsive behavior, interactions, content edge cases, accessibility, and performance. Produces a severity-ranked issue report with browser context and suggested fixes.Document Component SpecificationsCreates detailed component specifications covering anatomy, props, variants, tokens, usage, accessibility, and code examples.Web Performance Optimization DiagnosisAnalyze a website from the perspectives of Core Web Vitals, images, fonts, JavaScript, CSS, caching, and delivery, and generate an optimization roadmap with reusable implementation snippets.