Design Tools Claudeスキル

Frontend Design

Streamlines UI development by providing standardized design system tokens, responsive layout patterns, and production-grade component blueprints.

Vue 3 Modern Development

Enforces modern Vue 3 patterns and TypeScript-first architectures for robust, testable frontend development.

Gemini Image Generation

Generates high-quality visual assets, UI mockups, and placeholder images directly through the Google Gemini API.

iA Presenter Themes

Creates, modifies, and troubleshoots custom visual themes for iA Presenter using CSS and JSON configurations.

Web Artifacts Builder

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

UI Styling

Builds beautiful, accessible user interfaces using shadcn/ui, Tailwind CSS, and refined visual design systems.

Distinctive Frontend Designer

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

UI/UX Designer

Designs and implements accessible, responsive user interfaces for Next.js applications using a specific brand design system and Tailwind CSS.

Frontend Design Assistant

Creates distinctive, high-quality web interfaces while teaching frontend design principles and avoiding generic AI-generated aesthetics.

UX Creator

Translates complex requirements into intuitive user experiences through journey mapping, information architecture, and rigorous heuristic evaluations.

UI Creator

Builds and optimizes production-ready user interfaces using visual design principles, modern framework patterns, and automated accessibility evaluations.

Canvas Design

Generates museum-quality visual art and graphic designs by synthesizing original design philosophies into meticulously crafted static documents.

Canvas Design

Generates sophisticated, museum-quality visual art and design philosophies through meticulous craftsmanship and spatial communication.

Bubbletea TUI Development

Builds sophisticated terminal user interfaces using the Go Bubbletea framework and Lipgloss styling with production-ready patterns.

UI Design Expert

Provides expert UI/UX design guidance based on Shift Nudge principles to build, evaluate, and refine accessible, high-quality user interfaces.

Tailwind and shadcn/ui Setup

Configures Tailwind CSS and shadcn/ui for React frontends with Django backends, including integrated dark mode support and theme tokens.

Shadcn UI Stylist

Applies shadcn/ui components to React projects while ensuring seamless integration with custom CSS variables and project-specific theme configurations.

daisyUI Framework Guide

Streamlines the creation of responsive, themeable user interfaces using daisyUI component classes and Tailwind CSS.

Web Accessibility & WCAG Compliance

Implements and reviews web interfaces to ensure they meet W3C WAI and WCAG accessibility standards for inclusive user experiences.

Material Design 3 (Material You)

Implements Google's Material Design 3 principles for creating personalized, accessible, and responsive cross-platform user interfaces.

Slack GIF Creator

Generates animated GIFs and custom emojis optimized for Slack's specific file size and dimension constraints.

Figma to Responsive Code

Converts Figma designs into production-ready responsive code for Web, React Native, and Expo using automated multi-agent workflows.

Algorithmic Art & Generative Aesthetics

Generates sophisticated algorithmic art and generative philosophies using p5.js for interactive, master-level visual exploration.

Image Enhancer

Enhances image and screenshot quality by intelligently upscaling resolution, sharpening details, and removing compression artifacts.

Frontend Design

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

Advanced React Artifacts Builder

Architects sophisticated, multi-component Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components.

Visual Theme Factory

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

Canvas Design & Visual Artistry

Generates original visual art and sophisticated design philosophies in PDF and PNG formats using high-level aesthetic principles.

Anthropic Brand Styler

Applies Anthropic's official visual identity, colors, and typography to digital artifacts and UI components.

Nano Banana JSON Prompting

Transforms natural language into structured JSON schemas for precise and reproducible image generation control in Nano Banana Pro.