design▌

Audit UI code against Web Interface Guidelines with automated compliance checking. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns to review, or prompts the user if none are specified \n Outputs findings in a concise file:line format for quick issue identification \n Covers all rules defined in the fetched guidelines, including design, accessibility, and UX patterns \n

If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.

Framework-agnostic rules for accessible, performant, responsive web interfaces aligned with WCAG 2.2 and modern web standards. \n \n Comprehensive accessibility guidance covering semantic HTML, ARIA, keyboard navigation, focus management, color contrast, forms, and error handling with specific WCAG success criteria mappings \n Mobile-first responsive design using modern CSS (clamp, container queries, logical properties) and touch-friendly targets; no horizontal scrolling at 320px width \n Perfor

These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.

Map concepts to semantically appropriate icons across Lucide, Heroicons, and Phosphor libraries. \n \n Provides a quick reference table of 20 common concepts with icon names across all three libraries, plus a decision tree for selecting icons when uncertain \n Covers sizing rules (16px inline to 64px decorative), consistency patterns (no style mixing, no emoji), and tree-shaking best practices to avoid bundling unused icons \n Includes semantic mapping, React/HTML templates, and library comparis

Principle-based design patterns for website sections that avoid AI-generated aesthetics. \n \n Covers five core section types: heroes, cards, CTAs, trust signals, and testimonials with context-specific guidance for different business types \n Teaches WHY and WHEN to use each pattern, not just templates; includes explicit anti-patterns like democratic design, perfect symmetry, and generic copy \n Provides cross-cutting principles on hierarchy, asymmetry, and restraint that apply across all patter

Design handoff bridges design and development, ensuring developers have all information needed to implement designs accurately and efficiently.

Use this skill when:

If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.

Master-level posters, book covers, and album art in Mondo's bold, minimalist screen-print aesthetic. \n \n Generates optimized prompts and creates actual designs across 20+ legendary artist styles (Saul Bass, Olly Moss, Tyler Stout, and 17 others) with customizable color palettes and composition techniques \n Supports multiple formats and aspect ratios: vertical posters (9:16), horizontal cinema (16:9), square albums (1:1), and custom dimensions for print and social media \n Features AI prompt e