Design skills

This skill guides rough ideas into structured designs through collaborative dialogue, exploring options and validating incrementally.

This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.

This skill helps you design responsive layouts with mobile-first strategies using Flexbox, Grid, and container queries for accessible, performant interfaces.

This skill helps you design accessible, themed color systems with harmony, dark mode support, and color-blind friendly palettes across brands.

This skill initializes a feature spec workflow from idea to actionable tasks, guiding scope, requirements, design, and branch creation.

This skill generates platform-optimized social graphics and posts to boost engagement on Instagram, LinkedIn, Twitter, TikTok, and Pinterest.

This skill creates a comprehensive feature design document from requirements, researching needs, and detailing architecture, data models, and testing strategy.

This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.

This skill evaluates and improves user interfaces across CLI, web, and mobile, delivering concrete, actionable UX enhancements that boost usability and

This skill helps you implement comprehensive accessibility practices across WCAG, semantic HTML, keyboard navigation, and screen readers, ensuring inclusive

This skill guides you to design clear error states and recovery flows that help users resolve issues quickly and confidently.

This skill helps you design effective loading and empty states that maintain user confidence during delays and empty data scenarios.

This skill guides GUI design by applying visual hierarchy, color theory, typography, and responsive layouts to create accessible, usable interfaces.

This skill guides building modern web apps with React, Tailwind, and shadcn/ui, emphasizing accessibility, type safety, and performance improvements.

This skill retrieves up to five matching icon SVG strings from a library, helping you quickly source visuals for dashboards, designs, and infographics.

This skill creates compelling infographics from text using AntV Infographic, translating information into visual structures for quick understanding and

This skill helps instructors transform textbook chapters into engaging, evidence-based lectures with Google Slides, guiding outcomes, narrative design,

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

This skill helps you create and manage AI agent skills following best practices for multi-agent design and progressive disclosure.

This skill generates self-contained p5.js celebration animations for MicroSims, enabling quick creation, testing, and integration of reward visuals.

This skill guides abductive qualitative analysis, helping you generate novel theories from interview anomalies by applying theory-first reasoning.