design▌

Production-grade UI design system with design tokens, layout rules, motion guidelines, and accessibility validation. \n \n Provides structured design tokens for colors, typography, spacing, shadows, and breakpoints with 8px-based spacing scale \n Includes section-by-section component architecture with responsive breakpoints (mobile-first, 640/768/1024/1280px) \n Covers motion specifications with CSS variables for duration and easing, plus hover and transition patterns \n Built-in WCAG 2.1 AA acc

AI-powered logo design with prompting strategies, scalability rules, and iteration workflows. \n \n Covers six logo types (wordmark, lettermark, pictorial, abstract, mascot, combination) with use cases and design considerations for each \n Provides tested prompt structures and keywords that work with AI image generators, plus explicit anti-patterns to avoid (text rendering, photorealism, gradients) \n Includes scalability checklist ensuring logos work from 16px favicons to billboards, plus color

Distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design choices. \n \n Requires confirmed design context (target audience, use cases, brand personality) before implementation; includes teach-impeccable skill integration for gathering missing context \n Covers five core design areas: typography, color and theming, layout and spacing, visual details, and motion with specific anti-patterns to avoid \n Emphasizes bold aesthetic directions (brutal

Apply Anthropic's official brand colors and typography to visual artifacts and designs. \n \n Includes a defined color palette with primary dark/light neutrals, mid and light grays, plus three accent colors (orange, blue, green) \n Applies Poppins font to headings (24pt+) and Lora font to body text, with automatic fallbacks to Arial and Georgia \n Smart color selection based on background context to preserve readability and visual hierarchy \n Works with system-installed fonts; no additional ins

Professional UI/UX design creation in Penpot with MCP tools, design systems, and accessibility standards. \n \n Four MCP tools enable design creation, modification, export, and API access within Penpot's plugin context \n Includes discovery workflow to identify existing design systems, components, and tokens before building new designs \n Covers responsive layouts for mobile (375×812), desktop (1440×900), and platform-specific guidelines (iOS, Android, Material Design) \n Provides default design

Templates and guidelines for writing company-standard internal communications across multiple formats. \n \n Covers seven communication types: 3P updates, company newsletters, FAQ responses, status reports, leadership updates, project updates, and incident reports \n Each format has a dedicated guideline file in the examples/ directory with specific instructions for tone, structure, and content \n Helps maintain consistency across internal communications by enforcing company-preferred formats an

Audit UI code against Web Interface Guidelines with live rule fetching. \n \n Fetches the latest guidelines from a remote source before each review, ensuring compliance checks stay current \n Accepts file paths or patterns as arguments; prompts for input if none provided \n Outputs findings in concise file:line format for quick scanning and remediation \n Covers accessibility, design patterns, and best practices as defined in the fetched ruleset \n

Production-ready React UI components with TailwindCSS, Radix UI, and shadcn/ui. \n \n Three-layer architecture combining Tailwind utilities, Radix primitives, and shadcn/ui components for accessible, customizable interfaces \n Comprehensive review and audit capabilities covering accessibility (WCAG AA/AAA), performance, responsive design, and design system consistency \n Design token system with three-tier structure (primitive, semantic, component) using OKLCH color space and CSS variables for t

Create visually-driven design artifacts from philosophical aesthetic movements, expressed as pristine PDF or PNG artworks. \n \n Generates custom design philosophies (aesthetic movements articulated through form, space, color, and composition) as markdown foundations \n Expresses philosophies visually through museum-quality single or multi-page PDF/PNG compositions with minimal, integrated text \n Embeds subtle conceptual references invisibly into abstract compositions, rewarding deeper viewing

Establish design tokens, spacing systems, and color palettes for cohesive, accessible visual designs. \n \n Provides modular typography scale, 8-point spacing grid, semantic color tokens, and iconography system with CSS variable templates \n Includes WCAG contrast requirements (4.5:1 for body text, 3:1 for UI), dark mode implementation patterns, and font-pairing guidelines \n Covers responsive typography with clamp() , color accessibility checking, and vertical rhythm techniques for visual consi