Design Tools Claude 技能

Theme Factory

Applies professional visual themes and custom color palettes to documents, presentations, and web artifacts.

Anthropic Brand Styling & Guidelines

Applies Anthropic's official brand colors and typography to digital artifacts to ensure consistent visual identity.

Claude Artifacts Builder

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

Artifacts Builder

Constructs complex, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for professional frontend interfaces.

Web Artifacts Builder

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

Ice.js 3 Development Patterns

Standardizes the development of ice.js 3 admin consoles with pre-defined templates for UI components, API services, and state management.

Laravel Vite Expert

Configures and optimizes the Vite frontend build pipeline for Laravel applications including HMR, SSR, and framework integration.

Interactive UI States

Implements accessible, high-performance interactive states for buttons, forms, and UI components using Framer Motion.

Responsive Design System

Implements modern, mobile-first responsive layouts and fluid typography using Tailwind CSS 4.1 and container queries.

Advanced Glassmorphism UI

Generates sophisticated frosted glass effects and transparent overlays using advanced Tailwind CSS patterns and multi-agent validation.

React Component Composition Expert

Architects scalable, reusable React components using advanced composition patterns like slots, compound components, and render props.

Dark/Light Mode Architect

Implements seamless theme switching and system preference detection using modern CSS variables and next-themes.

Layered Background Architect

Generates sophisticated, multi-layered UI backgrounds using gradient orbs, noise textures, and advanced motion effects.

Volvox Brand Identity & Design

Applies Volvox LLC's official brand guidelines, visual identity, and unique voice to digital content and UI components.

UI/UX Design Architect

Architects accessible, systematic user interfaces and design systems using research-backed methodologies and modern design tokens.

React Component Generator

Generates production-grade React components with TypeScript, Tailwind CSS styling, comprehensive unit tests, and Storybook stories.

React Architecture Starter

Scaffold production-grade React applications with Vite, TypeScript, and a scalable feature-based architecture.

Remotion Best Practices

Optimizes video creation in React by providing expert guidance on Remotion animations, compositions, and media handling.

Design Spells

Enhances user interfaces with premium micro-interactions and creative design details to create memorable digital experiences.

Professional Slide Designer

Generates and refines professional PowerPoint presentations using PptxGenJS with integrated layout validation and rendering utilities.

LibreOffice Draw Automation

Automates vector graphics creation, diagram generation, and file format conversions using LibreOffice Draw and Python scripting.

Stitch Autonomous Build Loop

Automates iterative website creation and integration using an autonomous baton-passing pattern with Stitch.

UI/UX Designer Expert

Architects accessible, scalable design systems and user-centered interfaces using modern design tokens and systematic methodologies.

Imagen AI Asset Generator

Generates high-quality visual assets and UI placeholders directly within Claude Code using Google Gemini's advanced image models.

Stability AI Image Generator

Generates, edits, and enhances professional images using Stability AI's SD3.5, Ultra, and Core models directly within your development workflow.

Agent UI Components

Simplifies the integration of interactive chat interfaces and agent tool lifecycle components for React and Next.js applications.

Canvas Art & Design Philosophy

Generates sophisticated visual art and design philosophies for high-fidelity posters, branding, and digital assets.

Modern Web Frameworks & Monorepos

Builds high-performance full-stack applications and monorepos using Next.js, Turborepo, and RemixIcon best practices.

Senior Frontend Architect

Accelerates frontend development by providing standardized scaffolding, performance optimization, and best-practice patterns for React and Next.js applications.

Iconsax Premium UI Library

Integrates the high-end Iconsax library and AI generation into your workflow to create professional, modern digital interfaces.