5. Design & Creative

Provides type-safe component variants for design systems using Tailwind CSS v4 and Class Variance Authority with CSS variables for design tokens.

AI-powered architectural planning service offering land analysis, regulation review, mass study calculations, and 3D visualization for building design projects.

Builds responsive, accessible UIs using modern design systems like Tailwind and shadcn/ui for components, forms, and dark mode.

Offers comprehensive guidelines for creating accessible, user-friendly web interfaces through inclusive design and usability best practices.

Specializes in UI/UX design with expertise in design systems, responsive layouts, accessibility, and micro-interactions.

Basic image transformation tool for resizing, cropping, format conversion, and transparency operations to optimize visual assets.

Converts HSL color values to OKLCH format for design and development workflows, supporting single values or batch processing from files.

Generates Slack Block Kit messages with sections, images, and buttons for AI agent responses.

Enables multi-turn reasoning for image generation to produce professional-quality visuals without generic aesthetics.

Guides users through designing a new InkMon biological creature, covering evolution stages, attributes, appearance, and AI prompt generation.

Guides configuration of ReactUMG's slot-based layout system for CanvasPanel, including position, anchors, offsets, and common layouts like centering and sidebars.

Captures web page screenshots for UI documentation, design reviews, and visual content creation using Playwright.

Provides best practices for creating professional draw.io diagrams with proper formatting, font handling, and layout, ensuring high-quality PNG output including Japanese text rendering.

Generates visually appealing presentation slides from Markdown using Slidev for quick slide deck creation.

Enforces a minimal, precise design system inspired by Linear, Notion, and Stripe for dashboards and admin interfaces, emphasizing clean, modern, minimalist UI.

Compares UI implementation screenshots against Figma design files to verify visual consistency and design fidelity.

Enables web-based creation of vector graphics including logos, icons, and illustrations using Adobe Illustrator's AI-powered design tools.

Provides game design rules, mechanics, and conventions for the Conflict: Middle East Political Simulator remake.

Provides pre-styled UI components and patterns for DaisyUI Emerald theme, including forms, cards, buttons, and tables with enhanced visual effects and color schemes.

Enforces Swiss International Style design system rules for all UI component development, style modifications, and page creation in Resume Matcher.

Stream personalized radio stations and create custom music experiences via the Pandora service.

Provides Qt6 UI/UX patterns for desktop applications, including dialogs, panels, and toolbars.

Provides an opinionated UI/UX and animation system for Next.js App Router, featuring layout, spacing, typography, and GPU-friendly motion patterns.

Configures Claude Code's status line to display notification status, improving user awareness of system alerts within the editor interface.