5. Design & Creative

Creates high-quality, distinctive frontend interfaces with polished design, avoiding generic aesthetics. Generates production-ready code for web components and pages.

Generates ASCII art visualizations for technical diagrams including architecture, workflows, and data structures, enhancing text-based communication.

Provides design token structures, component patterns, documentation templates, and accessibility guidelines for consistent, scalable UI design across products.

Facilitates structured idea refinement through Socratic questioning and alternative exploration to form complete designs before implementation.

Generates perceptually uniform OKLCH color palettes from brand colors for design systems, outputting CSS, Tailwind, or JSON tokens.

Generates consistent spacing tokens for UI/UX design systems using base values and ratios, outputting CSS variables, Tailwind config, or JSON.

Applies Disney's 12 animation principles to enhance UI motion design, ensuring natural micro-interactions and purposeful transitions.

Syncs design tokens between Figma and codebases using Variables API or Tokens Studio, enabling seamless design-to-development handoff and consistent styling.

Integrates design tokens and CSS custom properties into Framer projects for consistent UI development, enabling code components and design system implementation in prototypes and production sites.

Generates consistent border-radius tokens for UI components, supporting CSS, Tailwind, and JSON outputs to streamline design system implementation.

Generates box-shadow elevation tokens for UI depth hierarchy, supporting CSS, Tailwind, and JSON outputs for components like cards and modals.

Validates color contrast against WCAG 2.1 standards and suggests accessible text-background pairings for AA/AAA compliance.

Guides first-time users through installing, exploring, and planning implementation of a design system skills plugin.

Architects comprehensive design token systems with primitive, semantic, and component layers for consistent UI development and multi-theme support.

Generates responsive typography scales using modular ratios with auto-calculated line heights for design systems, outputting CSS, Tailwind, or JSON.

Generates design token documentation with visual swatches and code examples for design system reference guides.

Generates ASCII art typography using pyfiglet for banners, headers, and terminal decorative text.

Provides best practices for implementing iOS UI components and design tokens using Swift Design System, including color, typography, and layout patterns.

Provides production-ready DSP algorithms for audio processing, including filters, compressors, and modulation effects with JUCE integration for audio plugin development.

Generates visual assets including icons, logos, and banners using AI-powered image generation.

Generates visually distinctive frontend interfaces using Anthropic's research-backed aesthetic strategies for UI design.

Maintains and evolves interactive mind maps generated from OPML outlines and XML palettes for visual information structuring.

Modern UI/UX design specialist for web and mobile applications, focusing on accessibility (WCAG), responsive design, and prototyping with component libraries.

Provides ffmpeg recipes for video/audio processing including conversion, compression, GIF creation, and social media optimization.