Design Tools Claudeスキル

Grove UI Design System

Implements warm, nature-inspired UI components and seasonal design systems for the Grove platform.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, including professional typography and color palettes, to documents and artifacts.

UI/UX Pro Max

Provides expert UI/UX design intelligence and implementation guidance for modern web and mobile applications across multiple frameworks and styles.

UI/UX Pro Max

Generates professional design systems, high-fidelity UI components, and accessibility-first styling guidelines across major frontend frameworks.

Theme Factory

Styles artifacts like slides, documents, and landing pages with professional font pairings and cohesive color palettes.

Base-Joy Design System Philosophy

Standardizes UI component development by combining Joy UI aesthetics with Base UI accessibility primitives.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs and custom emojis specifically tailored for Slack's technical requirements.

Algorithmic Art Studio

Generates sophisticated, gallery-quality algorithmic art using p5.js and specialized computational philosophies.

Advanced React Artifact Builder

Builds complex, multi-component React applications bundled into high-performance single-file HTML artifacts for Claude.ai.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic directions.

Design Excellence

Generates distinctive, production-grade frontend interfaces with a focus on polished typography, sophisticated color systems, and high-fidelity micro-interactions.

Sigil Design Pattern Governance

Manages design system approvals and formalizes overrides for UI fidelity while enforcing immutable technical constraints.

CSS Diagnostics

Analyzes CSS usage across XHTML documents to identify unused selectors, detect rule conflicts, and optimize stylesheet performance.

Anthropic Brand Styling

Applies Anthropic's official brand identity, color palettes, and professional typography to digital artifacts and presentations.

Frontend Design & Creative UI

Creates distinctive, production-grade frontend interfaces with high design quality by avoiding generic AI aesthetics and using multimodal analysis.

Frontend Design Expert

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic directions.

Chakra UI v3 Assistant

Builds accessible, high-performance React applications using Chakra UI v3's modern component architecture and design tokens.

Gemini Nano Banana Image Tool

Generates and refines high-quality images using Google Gemini AI with built-in prompt optimization and cost tracking.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics that avoid generic AI patterns.

Excalidraw Diagram Generator

Generates professional, ready-to-open Excalidraw diagrams and architectural schemas from natural language descriptions.

Professional UI Design Guide

Enforces modern, minimal design standards and professional UI patterns to ensure clean, consistent, and production-grade frontend interfaces.

UI Component Builder

Generates accessible, responsive, and reusable UI components across modern frameworks including React, Vue, and vanilla JavaScript.

Brand Discovery Interviewer

Conducts structured client discovery interviews for brand identity projects using tiered questionnaire workflows.

EdTech Pitch Deck Creator

Transforms raw EdTech startup content into narrative-driven, visually compelling investor pitch decks through a collaborative 7-phase design process.

UI/UX Pro Max

Empowers Claude with professional design intelligence to build stunning, accessible, and production-grade user interfaces across web and mobile frameworks.

React Vite Frontend Development

Accelerates modern React 18+ development using the Vite build tool, TypeScript integration, and advanced state management patterns.

Frontend Design Pro

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

Frontend Design

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

Tailwind CSS v4.1 Core

Implements a CSS-first approach for styling applications using Tailwind CSS v4.1 directives and theme variables.

Brand Identity Systems

Architects comprehensive brand identity systems covering visual design, strategy, voice guidelines, and system documentation.