Design Tools Claude 技能

Advanced UI Artifacts Builder

Generates and bundles sophisticated, multi-component Claude.ai artifacts using React, TypeScript, and shadcn/ui.

Web Design Reviewer

Automates visual audits and source code fixes for UI layouts, responsive design breaks, and accessibility issues.

UI/UX Design Pro

Transforms Claude into a senior-level design partner to build intentional, premium production interfaces using data-driven patterns and advanced token systems.

Frontend Design & Aesthetics

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous styling.

Frontend Design & Aesthetic UI

Creates distinctive, production-grade frontend interfaces with high design quality and bold aesthetic choices.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design choices.

Canvas Design Artist

Generates museum-grade visual art and design philosophies using sophisticated spatial principles and minimalist aesthetic frameworks.

Frontend Slides Generator

Generates high-performance, animation-rich HTML presentations from scratch or PowerPoint files using a visual-first design approach.

UI/UX Pro Max

Generates professional, industry-standard design systems and UI components with built-in accessibility and responsiveness intelligence.

Canvas Design Philosophy

Generates museum-grade visual art and sophisticated design philosophies through meticulous spatial composition and craftsmanship.

ImageMagick Image Manipulation

Automates complex image processing tasks including resizing, format conversion, and metadata extraction using ImageMagick.

Wireframe & UI Mockup Generator

Generates structural UI wireframes and skeletal mockups using SVG or HTML/Tailwind to define layout and content priority.

Omarchy Theme Manager

Creates and synchronizes unified desktop themes for the Omarchy environment across terminals, window managers, and applications.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high design quality that avoid generic AI-generated aesthetics.

Dark Report Design System

Implements a premium, dark-themed professional visual identity for research report websites using Tailwind CSS v4 and shadcn/ui.

Kyoto Moss Design System Auditor

Audits Heartbeat UI components for strict compliance with the Kyoto Moss design system and semantic token conventions.

Theming Artifacts

Applies professional color palettes and font pairings to digital artifacts like HTML, documentation, and presentation slides.

Artifacts Builder

Generates production-grade, multi-component React artifacts with shadcn/ui and automated bundling for Claude.

Parallel Prototype Orchestrator

Orchestrates the simultaneous creation and live-previewing of multiple web application prototypes using parallel AI sub-agents.

Nano Banana: AI Image Generation & Prompt Library

Generates professional AI images and edits existing visuals using a massive library of 6,000+ curated prompt templates and the Gemini API.

Web Design Builder

Generates accessible, responsive HTML5 and JavaScript web designs with integrated Playwright-based automated testing and verification.

UI/UX Design Review

Evaluates digital interfaces for accessibility compliance, usability best practices, and visual design consistency across web and desktop platforms.

UX Designer

Designs accessible user experiences and creates detailed wireframes to bridge the gap between requirements and implementation.

Slack GIF Creator & Optimizer

Generates and optimizes animated GIFs and custom emojis for Slack using programmatic motion primitives and file-size validators.

SVG Logo Designer

Generates professional, scalable SVG logos and brand identities through a comprehensive design workflow including multiple concepts, layouts, and style variations.

UX Designer Router

Directs tasks to specialized UX design expertise based on platform context, design requirements, and specific user experience domains.

Visual Verify

Automates the rendering, visual scoring, and iterative refinement of UI components, charts, and documents using Gemini Vision.

UI Agent Orchestration Patterns

Orchestrates specialized AI agents to generate, refine, and maintain complex user interfaces using advanced architectural patterns.

UI Prompt Engineering Patterns

Generates consistent, production-grade user interfaces by applying specialized prompt patterns for design systems and component specifications.

Rapid UI Prototyping (Vibe Coding)

Explores UI/UX concepts and validates design hypotheses through fast, disposable prototyping and iterative visual experimentation.