Design Tools Claudeスキル

Web Artifacts Builder

Automates the generation of complex, multi-component React artifacts for Claude using modern frontend stacks and professional design patterns.

Anthropic Brand Styling & Guidelines

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

Theme Factory

Applies professional color palettes and typography systems to digital artifacts like slides, reports, and HTML pages.

Canvas Visual Design

Generates museum-quality visual art and design philosophies through a specialized two-step creative workflow.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive p5.js sketches using a philosophy-first computational approach.

Algorithmic Art Generator

Generates sophisticated, code-driven art using p5.js based on custom algorithmic philosophies and deterministic seeded randomness.

Algorithmic Art Studio

Generates sophisticated p5.js generative art by establishing a computational philosophy and expressing it through meticulously crafted algorithms.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's technical constraints.

Elementary Design System

Implements a three-layered, token-based styling framework for building themeable, professional user interfaces with interchangeable visual fidelity.

Apple Human Interface Guidelines Expert

Implements and validates UI designs according to Apple's official Human Interface Guidelines across iOS, macOS, watchOS, and tvOS.

Slack GIF Creator

Generates and optimizes animated GIFs and emojis tailored to meet Slack's specific technical constraints and file size limits.

Tailwind Design System Architect

Builds scalable, production-ready design systems using Tailwind CSS, design tokens, and accessible component patterns.

Interfaith Sacred Geometry

Generates mathematically precise sacred patterns and interfaith symbols for spiritual visualizations and artistic compositions.

Design System Architect

Standardizes UI development by enforcing design tokens, atomic component structures, and consistent styling patterns across frontend projects.

Frontend Patterns & Best Practices

Implements production-ready React component architectures, state management strategies, and accessibility standards for modern web applications.

Theme Factory

Applies professional color palettes and typography pairings to artifacts such as presentations, documents, and landing pages.

Claude Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS for professional-grade frontend development.

UI/UX Pro Max

Generates professional-grade UI/UX design systems and provides comprehensive implementation guidance across major frontend stacks.

OpenTUI Terminal Interface Builder

Builds sophisticated terminal user interfaces using core imperative APIs or React and SolidJS reconcilers.

Advanced Web Artifacts Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using modern frontend stacks and professional UI components.

Interfaith Sacred Geometry

Generates mathematically precise sacred geometry patterns and interfaith symbolic visualizations for spiritual art and meditation aids.

Canvas Design

Generates museum-grade visual art and custom design philosophies for posters and high-fidelity digital assets.

Theme Factory

Applies professional color palettes and typography pairings to digital artifacts like slides, documents, and landing pages.

Interfaith Sacred Geometry

Generates mathematically precise sacred geometry patterns and interfaith symbols for spiritual visualizations and art.

Interfaith Sacred Geometry

Generates mathematically precise sacred geometry patterns and interfaith symbols for spiritual art and meditative visualizations.

Fal AI Image Editing

Performs AI-powered image editing, including style transfer and object removal, within your development workflow.

Frontend Design Systems

Standardize your UI development with production-ready design tokens, accessible components, and scalable frontend patterns.

Accessibility Patterns & WCAG Compliance

Builds inclusive web experiences by implementing WCAG guidelines, semantic HTML, and accessible ARIA patterns.

Frontend Design Systems

Implements consistent, scalable UI components and design tokens to build maintainable and accessible frontend architectures.

Web Accessibility Patterns

Implements inclusive web design patterns and WCAG compliance across semantic HTML, ARIA, and keyboard navigation.