Design skills

This skill guides scalable system design by producing ADRs, diagrams, and decision records to enable maintainable, data-driven architecture decisions.

This skill helps you design scalable React, Next.js, Vue, and Angular architectures with atomic design and optimized state management.

This skill helps you architect scalable design systems using atomic design, tokens, and theming for multi-brand components and accessible APIs.

This skill guides you through red-green-refactor TDD, helping you write tests first and refactor confidently across projects.

This skill helps you craft polished, production-ready frontend UIs with bold visuals, distinctive typography, and thoughtful micro-interactions.

This skill generates production-ready Next.js and Tailwind CSS websites including landing pages, portfolios, blogs, and SaaS sites.

This skill helps you craft distinctive production-grade frontend interfaces with bold aesthetics and anti-ai slop principles, elevating UX and accessibility.

This skill generates hand-drawn style diagrams as PNGs from Excalidraw JSON, simplifying sharing and embedding across contexts.

This skill provides practical step-by-step pottery guidance, tips, project ideas, and resources to improve your pottery skills.

This skill generates Excalidraw diagrams from text for Obsidian, producing ready-to-use markdown with frontmatter and automatic file saving.

This skill generates Excalidraw diagram JSON to visually argue workflows, architectures, or concepts with brand-consistent colors.

This skill helps you design effective Agent Skills using progressive disclosure, reducing complexity and accelerating skill architecture planning.

This skill guides structured software development from requirements to task execution using EARS syntax and UI-design references to ensure quality.

This skill helps optimize animation performance by applying motion guidelines to CSS, WAAPI, and scroll-linked effects across the UI.

This skill helps ensure metadata is correct and complete across pages, enforcing single sources, proper titles, descriptions, and social cards.

This skill helps you fix accessibility issues in UI by applying targeted, minimal changes that improve usability and compliance.

This skill enforces a consistent Baseline UI by guiding components to follow opinionated Tailwind and motion conventions with accessible primitives.

This skill helps you create impactful infographics quickly by applying ready-to-use templates for timelines, roadmaps, comparisons, and SWOT analysis.

This skill helps you generate and validate mermaid diagrams for flowcharts, sequences, and mind maps to document processes and architectures.

This skill helps you create spatial node diagrams with precise coordinates using JSON canvas format for mind maps, graphs, and planning boards.

This skill helps you create data-driven charts with Vega-Lite and Vega, enabling clear visual insights from numeric data arrays.