Design Tools Claudeスキル

Bolder Design Enhancer

Transforms safe or generic UI designs into visually compelling and memorable experiences by increasing impact and personality.

Performance & UI Optimizer

Optimizes web interface performance across loading speeds, rendering efficiency, animations, and asset delivery.

Adapt Cross-Platform Designer

Adapts frontend designs and user interfaces to function flawlessly across different screen sizes, devices, and platforms.

UI Resilience & Hardening

Strengthens web interfaces against edge cases, errors, and internationalization issues to ensure production-ready robustness.

Onboarding UX Designer

Designs and optimizes user onboarding flows, empty states, and first-time experiences to maximize user activation and product value.

Delight UI Enhancer

Transforms functional interfaces into memorable experiences by adding personality, micro-interactions, and polished UX details.

Bolder Design & Visual Impact

Transforms safe, generic user interfaces into distinctive, high-impact designs by amplifying typography, color, and layout hierarchy.

Strategic UI Colorizer

Enhances monochromatic interfaces by applying purposeful, accessible, and brand-aligned color strategies to improve visual hierarchy and user engagement.

Avalonia Layout & Zafiro Styling

Streamlines Avalonia UI development by implementing modern layout patterns and semantic containers using the Zafiro toolkit.

Onboard

Designs and optimizes user onboarding flows, empty states, and first-time experiences to accelerate user activation.

Frontend Dev Guidelines & Patterns

Standardizes modern React and TypeScript development using best practices for Suspense, TanStack Query, and MUI v7.

Impeccable Design Context

Establishes persistent project design guidelines by analyzing your codebase and defining UX-focused parameters for consistent AI-driven development.

Design Critique & UX Audit

Conducts holistic UX and visual design audits to eliminate generic AI-generated patterns and improve interface effectiveness.

Immersive Scroll Experiences

Builds immersive, scroll-driven web experiences including parallax storytelling and cinematic interactive narratives.

Figma Design Implementer

Translates Figma designs into production-ready code with pixel-perfect accuracy using the Figma MCP workflow.

Avalonia Layout with Zafiro

Optimizes Avalonia UI development by implementing Zafiro-based semantic containers and clean XAML architectural patterns.

Design System Extractor

Extracts and consolidates reusable UI components, design tokens, and patterns into a centralized design system.

Frontend Design Excellence

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

Design Adaptation Engine

Adapts user interfaces and designs to function flawlessly across different screen sizes, devices, and platforms while maintaining consistency.

Frontend Performance Optimizer

Improves interface performance by optimizing load speeds, rendering efficiency, animations, and bundle sizes for a smoother user experience.

Impeccable Design Polish

Refines frontend implementations with meticulous attention to detail, ensuring pixel-perfect alignment, consistent spacing, and polished interactions.

Interface Quality Audit

Performs comprehensive quality audits of web interfaces across accessibility, performance, theming, and responsive design standards.

UI/UX Design Intelligence

Accelerates frontend development by providing comprehensive design systems, color palettes, and stack-specific UI guidelines.

Interface Quality Auditor

Performs comprehensive audits of user interfaces across accessibility, performance, and design standards to identify critical issues and anti-patterns.

Web Artifacts Builder

Generates complex, multi-component React artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Quieter UI Design

Refines visually aggressive or overstimulating user interfaces into sophisticated, professional designs through strategic restraint.

Design System Normalizer

Aligns frontend features with established design systems to ensure UI consistency and professional UX standards.

UI Copy Clarifier

Refines user interface copy, error messages, and microcopy to improve product usability and user comprehension.

Design System Extractor

Extracts and consolidates reusable UI components, design tokens, and patterns into a systematic design system.

Distill Design Simplifier

Streamlines frontend interfaces by removing unnecessary complexity and visual noise to reveal essential design elements.