Design skills

This skill refines rough ideas into validated designs through structured questioning, multiple approaches, and incremental validation for clear project

This skill writes validated brainstorming results into a design plan document, filling summary and glossary and outlining implementation phases for clear

This skill generates modern 21:9 cover images for public account articles using 3D cute style and overlays HTML text for easy PNG/JPG export.

This skill generates sound effects from text prompts using ElevenLabs, enabling immersive audio textures for games, apps, or media.

This skill helps you generate consistent, style-matched images for icons, logos, banners, and illustrations using Nano Banana Pro.

This skill helps you build production-quality Rails UIs with maquina_components, using Tailwind and data attributes to ensure consistent, accessible interfaces.

This skill helps you implement accessible shadcn/ui components in React apps using Tailwind and Radix, speeding UI development and design system integration.

This skill helps you generate and edit high-quality images from text prompts using Google's Gemini 2.5 model, enabling iterative visual refinement.

This skill helps you implement RemixIcon icons across web, React, and Vue projects with line and fill variants for consistent UI.

This skill reverse-engineers a design system from code and screenshots to produce a developer-ready design reference for components.

This skill helps you design scalable GraphQL schemas and federations with DataLoader, subscriptions, and query optimization.

This skill helps you create and update mermaid diagrams following best practices, including color themes, labeling, and formatting guidelines.

This skill helps create and maintain CLAUDE.md project memories by capturing non-obvious conventions, patterns, and gotchas beyond code inspection.

This skill helps you create, review, and improve data visualisations using SWD principles for clearer charts, narratives, and decision-ready reports.

This skill guides you to apply Mantel brand styles to diagrams and frontend components for consistent visuals.

This skill generates non-prose visuals for surveys, creating timeline milestones and figure specs grounded in citations for easy verification.

This skill generates images using Google Gemini to create UI mockups, icons, diagrams, and illustrations for any project.

This skill helps you apply Don Norman's design principles to everyday interfaces, improving discoverability, feedback, and fault tolerance for intuitive user

This skill helps you apply blue ocean strategy principles to design uncontested market space, value innovation, and strategic tools like ERRC and Strategy

This skill helps you design features that harness intrinsic motivation, promote mastery, and align actions with meaningful purpose.

This skill helps you craft world-class web experiences with premium typography, motion, and layout to reach Awwwards-level prestige.