Design skills

This skill generates a comprehensive UI/UX design system and recommendations across colors, typography, and layout to accelerate product design.

This skill provides battle-tested map style patterns and layer configurations for common use cases like restaurants, real estate, data visualization, and

This skill generates professional article cover SVGs with title, subtitle, and tech-themed visuals to enhance posts.

This skill provides production-grade MultiversX project structure patterns, enabling clean trait-based contract design, modular modules, and safer upgrades.

This skill guides you to craft clear Mermaid.js diagrams across flowcharts, sequences, class and state diagrams, improving visual communication.

This skill helps you generate comprehensive technical design documents with structured templates, diagrams, and actionable implementation details to accelerate

This skill generates high-quality images using ModelScope's Z-Image model via the Zimage API, streamlining prompt-to-image creation.

This skill performs a comprehensive UX/UI evaluation across visual, accessibility, usability, and design system domains to improve interfaces and user flows.

This skill helps transform ideas into fully formed designs through collaborative dialogue and phased validation.

This skill decomposes complex problems into atomic, verifiable steps, backtracking when confidence wanes to ensure reliable, rigorous conclusions.

This skill provides quick Tailwind CSS practical patterns and breakpoints, enabling responsive layouts, dark mode, and common components.

This skill reframes problems across Field, Standpoint, and Lens to surface hidden insights and generate perspective maps for decision support.

This skill helps you create ADR templates and maintain architectural memory using the Nygard format for decisions, context, consequences, and alternatives.

This skill generates dynamic social preview images for Next.js apps using file conventions and next/og, with server-side rendering and build-time caching.

This skill helps you implement production-ready authentication UI and pages with shadcn patterns for sign in, sign up, and reset flows.

This skill helps define and apply design tokens across codebases, ensuring a cohesive design system, dark mode support, and UI consistency.

This skill helps you craft clear user-facing copy across microcopy, errors, onboarding, and accessibility with a strong voice framework.

This skill analyzes real user sessions to uncover why actions happened, linking persona insights with narrative UX recommendations.

This skill helps you craft complete Storybook stories, Cosmos fixtures, and visual regression tests to turn components into polished, documented showcases.

This skill helps you sync React state to URL query parameters for shareable filters, search, and deep links using nuqs.

This skill helps you generate UI templates like flowcharts, forms, dashboards, and galleries as ready-to-emit JSON payloads for rapid visualization.