Design Tools Claude 技能

Vue 3 Composition API Mastery

Implements modern Vue 3 patterns including Composition API, script setup, and reactivity primitives for high-performance frontend development.

Data Analytics for Design

Integrates product analytics and behavioral data into the UI/UX workflow to drive evidence-based design decisions and reporting.

Design Personas

Builds evidence-based user personas, segments, and jobs-to-be-done to align product design with validated user research.

Design Handoff Manager

Generates comprehensive design handoff documentation and status updates to streamline communication between designers and engineers.

Design Brief Professional

Generates structured design briefs to define project scope, align stakeholders, and establish measurable success criteria.

Advanced Web Artifacts Builder

Constructs sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks and shadcn/ui.

UX Research Synthesis

Synthesizes usability test data, user feedback, and behavioral notes into actionable design insights and structured recommendations.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slides, documents, and HTML landing pages.

AI Image Generation & Editing

Generates and edits high-quality photos, illustrations, and concept art using advanced AI models like FLUX and Gemini.

UI Styling Assistant

Generates production-ready, token-based CSS and UI components using the Universal Design System framework.

Brand Identity Generator

Generates complete brand identity systems including color palettes, typography, and visual guidelines mapped to the Universal Design System.

Universal Design System

Generates production-grade, WCAG-validated design systems and UI components across 57 industry sectors using an AI-native reasoning engine.

Universal AI Design System

Generates production-grade, WCAG-compliant UI components and design systems across 57 industry sectors using an AI-native reasoning engine.

Slides Design System

Generates professional, consistent presentation design systems with standardized typography, color palettes, and slide templates.

Design Audit & UI Review

Audits existing user interfaces for WCAG accessibility, color contrast, and design consistency to generate actionable improvement reports and CSS fixes.

Brand Identity Generator

Generates comprehensive brand identity systems including color psychology, typography, and visual rules mapped to the Universal Design System.

Universal Brand Identity Generator

Generates complete, psychologically-grounded brand identity systems mapped to professional design palettes and W3C tokens.

Universal Design System Onboarding

Guides users through the setup, usage, and customization of the Universal Design System suite for AI-native development.

UI Styling Assistant

Generates production-grade CSS and frontend styles using standardized Universal Design System tokens and accessible patterns.

Design Audit & Accessibility Review

Audits existing user interfaces for WCAG compliance, visual hierarchy, and industry-specific anti-patterns while providing actionable CSS fixes.

Universal Design System Generator

Generates accessible, industry-specific design systems and UI components with automated WCAG compliance and multi-framework support.

Slides Design System

Generates professional presentation design systems with templates, typography rules, and color palettes optimized for large-screen readability.

Design Audit & UI Accessibility

Audits user interfaces against WCAG standards and industry best practices to generate scored accessibility reports and actionable CSS fixes.

UI Styling Assistant

Generates production-ready CSS and component styles using standardized, accessible Universal Design System tokens.

Universal Design System

Generates production-ready, accessible UI/UX design systems and components across multiple frameworks using a specialized BM25 reasoning engine.

Tailwind CSS v4 Patterns

Implements modern utility-first styling using Tailwind CSS v4 principles and CSS-native configurations.

Slides Design System

Generates cohesive presentation design systems with standardized slide templates, typography rules, and accessible color palettes.

Cyberpunk Frontend UI System

Generates production-grade, dark-themed terminal interfaces using a comprehensive cyberpunk design system and modern React stack.

Web Artifacts Builder

Builds and bundles sophisticated, multi-component React and shadcn/ui web artifacts for Claude conversations.

Avalonia UI Layout & Zafiro Styling

Optimizes Avalonia UI development by implementing clean, semantic layouts and modular styles using the Zafiro framework.