Design Tools Claudeスキル

Frontend Design Guidelines Creator

12

Automates the creation of comprehensive design guidelines and accessibility documentation for frontend projects.

Nuxt UI v4 Framework

12

Builds and styles modern web interfaces using the Nuxt UI v4 component library with Tailwind CSS v4.

Reka UI Primitives

12

Builds accessible, unstyled Vue 3 component primitives using WAI-ARIA compliant patterns and headless architecture.

AI Image Generator

11

Generates high-quality AI images using OpenAI's gpt-image-1 model with customizable artistic themes and aspect ratios.

Design Guide Generator

11

Extracts and documents complete design systems from websites, including typography, color palettes, and interactive component patterns.

Brand.yml Configurator

Standardizes visual identity across Shiny applications and Quarto documents using machine-readable YAML brand specifications.

Semantic Performance Builder

Designs choreographed emotion sequences and multi-step animations for AI-driven mascot interfaces.

Use Case Generator

Generates complete, industry-specific implementation templates and emotion-driven user journeys for the Emotive Mascot platform.

Theme Implementer

Implements and tests custom color schemes, visual themes, and branding variants for AI-driven interfaces.

Web Artifacts Builder

Builds production-ready, accessible web applications using the React, Tailwind CSS, and shadcn/ui stack.

GUI Design Principles

Implements professional, accessible, and high-performance user interfaces using industry-standard design foundations and modern UX patterns.

Fluxwing Screenshot Importer

Transforms UI screenshots into standardized uxscii components and screens using automated vision analysis and multi-agent orchestration.

Fluxwing Enhancer

Progressively enhances ASCII UI components from low-fidelity sketches to production-ready design specifications.

Frontend Aesthetics Pro

Transforms generic AI-generated interfaces into polished, distinctive frontend designs using professional typography, color theory, and motion principles.

Fluxwing Component Viewer

Inspects and previews ASCII-based UI components to help developers visualize layouts and metadata within Claude Code.

Fluxwing Screen Scaffolder

Orchestrates the creation and composition of complete UI screens using the uxscii standard for rapid prototyping and AI-ready wireframing.

Frontend Design Architect

Generates distinctive, production-grade frontend interfaces that escape generic AI aesthetics through bold design thinking and meticulous implementation.

Fluxwing Component Creator

Generates structured UI components using the UXSCII standard to bridge the gap between AI design systems and human-readable documentation.

Fluxwing UX Component Expander

Enhances ASCII UI components by automatically generating interaction states like hover, focus, and disabled for rapid prototyping.

Fluxwing Library Browser

Browses and manages uxscii components and screens for rapid ASCII-based UI development and layout prototyping.

UX Design Standards

Implements battle-tested UX standards and design patterns to ensure high-quality, secure, and production-ready user interfaces.

Salesforce Architecture Diagrammer

Generates production-grade Salesforce architecture diagrams using Mermaid syntax and ASCII fallback for technical documentation.

Midjourney-Style Flux Pro Image Prompter

Generates highly detailed, Midjourney-style image prompts optimized for the FLUX 1.1 Pro model on Replicate.

Information Architecture

Organizes and structures digital content to improve findability, usability, and navigation design through proven mental model alignment and taxonomy patterns.

Cognitive Design Principles

Optimizes visual interfaces and information architecture by aligning designs with human perception and cognitive processing limits.

Professional UI/UX Designer

Designs and implements production-ready React interfaces using shadcn/ui, Tailwind CSS, and modern accessibility standards.

Gesttione Design System

Implements the Gesttione brand identity and metric visualization patterns for professional business dashboards.

Vue 3 & Nuxt Expert

Builds high-performance, reactive web applications using Vue 3 Composition API, Nuxt 3, and Pinia with strict TypeScript integration.

React Development Expert

Architects high-performance, production-ready React applications using the latest React 19 patterns and industry best practices.

Angular Architect

Architects enterprise-grade Angular 17+ applications using signals, standalone components, and advanced reactive patterns.