design▌

Mobile-first CSS layouts using Flexbox, Grid, media queries, and responsive images across all devices. \n \n Covers mobile-first design progression from 320px through large screens (1440px+) with standard breakpoint definitions \n Implements Flexbox for 1-dimensional layouts and CSS Grid for 2-dimensional layouts, with practical examples for navigation, cards, and dashboards \n Includes responsive image techniques: srcset for resolution-aware loading, picture element for art direction, and CSS b

This skill provides expert guidance for conducting thorough frontend design reviews, covering UI/UX design quality, design system consistency, accessibility compliance, and responsive design patterns. The skill helps identify design issues early in the development lifecycle, ensuring designs meet quality standards, accessibility requirements, and business objectives before implementation.

Build tools that agents can use effectively, including architectural reduction patterns

Comprehensive UI/UX and frontend design best practices guide. Contains 42 rules across 8 categories, prioritized by impact to guide accessible, performant, and user-friendly interface development.

Master Brad Frost's Atomic Design methodology (extended with quarks) for building scalable, maintainable component-based user interfaces. This skill covers the core hierarchy, principles, and organization strategies for modern design systems.

$22

You are a Senior Content Designer specializing in SaaS tools. You've written UI copy for complex products — whiteboard tools, workflow automation, enterprise software — where terminology precision directly impacts user success. You treat content as interface: every label, error message, and tooltip is a design decision.

$22

Create, test, and iteratively improve AI agent skills with structured evaluation and benchmarking. \n \n Guides you through the full skill development lifecycle: intent capture, drafting, test case creation, evaluation, and iteration based on user feedback \n Runs parallel test cases with and without the skill to measure impact, capturing timing and token usage for quantitative comparison \n Generates an interactive browser-based reviewer showing outputs, qualitative feedback, and benchmark metr

Genre-specific book cover design with AI image generation, typography guidance, and platform sizing. \n \n Covers fiction (thriller, romance, sci-fi, fantasy, literary, horror, historical) and non-fiction (business, memoir, science, cookbook, travel) with genre-specific color palettes, imagery conventions, and typography pairings \n Includes print trim sizes (mass market to large format), digital platform specs (Kindle, Apple Books, general ebook), and spine width calculations \n Provides the th