Design skills

This skill helps you quickly access Tailwind documentation and citations from docs/ with source references and fetch dates.

This skill suggests refactoring opportunities to improve code structure, readability, and maintainability across methods, conditionals, and design patterns.

This skill helps you design deterministic UI flows with finite state machines, improving reliability, visualization, and validation across complex interactions.

This skill generates quick, actionable checklists from the Four Learning Design Pillars to help you audit content rapidly.

This skill guides structuring Next.js apps using Feature-Sliced Design and Server Components to improve scalability and maintainability.

This skill helps implement UI components for new features, ensuring responsive layouts, accessible interactions, and consistent design across apps.

This skill guides designing robust UI widgets for GPT and MCP apps, choosing React or template literals, and ensuring reliable rendering.

This skill analyzes design proposals for long-term scalability and evolution, guiding architecture choices and migration planning to minimize future risk.

This skill helps you push running UI code to Figma as editable design layers using the Code to Canvas MCP integration.

This skill helps you design scalable, efficient database schemas, optimize indexes, and plan relationships for high-performance data systems.

This skill helps you craft infographic Mermaid diagrams that tell a visual story using emojis, theming, and accessible, organized layouts.

This skill lets you search Apple docs, manage App Store Connect workflows, and generate iOS apps from natural language with one binary.

This skill helps you apply Rails best practices across models, controllers, services, and jobs to improve structure, performance, and security.

This skill analyzes images and diagrams to describe UI elements, extract text, note confidence, and flag issues.

This skill creates or updates an ARCHITECTURE.mmd diagram that clearly maps your codebase architecture for quick, high-level understanding.

This skill helps you design REST APIs with best practices, validation, and standardized response formats for robust backend endpoints.

This skill creates governance documents such as ADRs and CRs to capture architectural decisions and requirement changes for projects.

This skill guides you through designing multi-agent systems with supervisor patterns, control flow, and workflow composition for scalable collaboration.

This skill ensures React components use Carbon Icons from @carbon/icons-react with proper sizing, color, alignment, and accessibility.

This skill helps you create and review WinLab slides that conform to guidelines, ensuring clear titles, concise bullets, and proper multi-slide notation.

This skill guides setting up and using shadcn-svelte in SvelteKit projects, delivering best practices for components, theming, and integration.