Design skills

This skill analyzes Stitch projects and synthesizes a semantic design system into DESIGN.md to ensure new screens align with the existing design language.

This skill converts Stitch designs into modular React components with TypeScript interfaces and automated validation to ensure clean, reusable code.

This skill generates isometric asset sheets with standardized red background, 6x5 grid, hyper-realistic assets, ensuring consistent projections for the city

This skill helps you iteratively build web pages with Stitch using a baton-loop, delivering pages and next tasks for continuous improvement.

This skill transforms vague UI ideas into polished Stitch prompts with design system context and structured output for better generation results.

This skill generates Remotion walkthrough videos from Stitch screens, applying smooth transitions, zoom effects, and contextual text overlays for engaging

This skill helps you design and implement polished frontend UI/UX for pages, dashboards, and apps with best-practice guidelines.

This skill acts as a self-evolving information curation engine that delivers high-density, beautifully formatted insights via interactive web, infographic, and

This skill helps you build adaptable Vue composables that accept plain values, refs, or getters and normalize inputs for predictable reactivity.

This skill analyzes codebases to produce ELK diagrams and explanations of architecture, data flow, and design decisions for clearer understanding.

This skill generates diagrams from structured JSON using ELK for SVG rendering, helping you visualize flows, architectures, and system maps quickly.

This skill helps you develop Webflow Designer Extensions by guiding setup, API usage, and debugging workflows inside the Designer.

This skill helps you create AI Elements interface components following shadcn/ui patterns and Vercel AI SDK conventions for rapid integration.

This skill guides you in designing effective Letta Code skills, including structure, references, and workflows for reliable extensions.

This skill coaches you through system design interviews, guiding you from scope to rollout with structured prompts and practical trade-offs.

This skill helps you design robust PostgreSQL tables by applying best practices for keys, normalization, indexing, constraints, and data types.

This skill enables rapid color format conversion and manipulation using AgentPMT, returning hex, RGB, and HSL results plus palette options.

This skill converts data into visuals by automatically selecting the best plot type and generating clear charts and graphs.

This skill helps you generate and validate ascii art diagrams with production-ready guidance and configurations for visual content tasks.

This skill helps automate mindmap generator workflows, providing step-by-step guidance, production-ready code, and validation for reliable visual content

This skill helps you design and implement Vim training modules, exercises, and boss fights for the Gentlemen trainer system.