Design Tools Claudeスキル

Lovelace Dashboard Architect

Architects sophisticated, responsive Home Assistant dashboards using advanced Lovelace YAML patterns and custom cards.

Anthropic Brand Guidelines

Applies Anthropic’s official corporate identity, color palette, and typography to digital artifacts and design documents.

Canvas Design

Generates museum-quality visual art and design assets through a structured philosophical framework.

React Accessibility for Chakra UI

Enforces WCAG 2.1 AA compliance and implements advanced keyboard navigation for React applications using Chakra UI.

UX Strategy

Develops comprehensive UX strategies, measurement frameworks, and organizational roadmaps to align user experience with business goals.

Precision UI & Design Systems

Enforces high-precision, minimal design systems for enterprise dashboards and SaaS interfaces inspired by industry-leading aesthetics.

Visual Design System

Generates systematic, accessible visual designs and design token architectures using modern color spaces and Atomic Design principles.

App Accessibility

Ensures software compliance with accessibility standards by implementing inclusive design patterns and best practices across application components.

Art & Visual Systems

Generates technical diagrams, editorial illustrations, and comic panels using a distinctive Excalidraw-style hand-drawn aesthetic.

StudioJinsei Nanobanana Visuals

Generates high-quality brand assets and character illustrations using the Google Gemini API.

Sigil Design Pattern Governance

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

Design Excellence

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

Grove UI Design System

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

Component Architect

Generates production-ready UI components with full boilerplate, tests, and documentation across multiple frontend frameworks.

Canvas Design

Produces museum-quality visual designs and artistic compositions by applying rigorous design philosophies and professional-grade craftsmanship.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality while avoiding generic AI aesthetics.

CLI Design Architect

Provides expert guidance and UX principles for building intuitive, discoverable, and professional command-line interfaces.

Page Builder

Streamlines the creation of high-quality marketing landing pages using a curated library of Tailark and Tailwind CSS components.

UX Research & Insights

Guides user experience research from planning and methodology selection through data synthesis and actionable insight delivery.

UX Design Orchestration

Orchestrates end-to-end user experience workflows by coordinating specialized skills in research, architecture, interaction, and visual design.

Distinctive Frontend Design

Builds production-grade frontend interfaces with memorable aesthetics and context-specific design patterns.

UI Component Architect

Standardizes the creation of accessible, theme-compliant React components using modern web APIs and W3C best practices.

Frontend Iconify

Streamlines UI asset sourcing by providing instant access to over 200,000 open-source icons and standardized integration patterns.

Frontend Responsive

Builds adaptive, mobile-first user interfaces using modern CSS patterns to ensure seamless experiences across all device sizes.

Svelte Design

Creates distinctive, production-grade Svelte and SvelteKit interfaces with high design quality and full-stack capabilities.

LMS UI/UX Design System

Implements consistent dark-mode UI/UX patterns and design system components tailored for educational platforms and Learning Management Systems.

AI Design System & Style Manager

Applies and manages a library of 50+ professionally curated visual styles to create distinctive, token-based frontend interfaces without generic patterns.

Banana Image Generation

Generates and transforms high-quality images using Google's Gemini 2.0 Flash model through the Deno runtime.

Web Artifacts Builder

Builds complex, multi-component React and shadcn/ui artifacts for claude.ai with automated bundling and modern styling.

Anthropic Design Canvas

Generates sophisticated visual art and posters by translating custom design philosophies into museum-grade digital artifacts.