Design Tools Claudeスキル

Canvas Design

Generates professional visual art and sophisticated design assets using custom-crafted aesthetic philosophies.

Nanobanana Image Generator

Generates and edits high-quality images using the Google Gemini API directly within the Claude Code environment.

Theme Factory

Applies professional color palettes and font pairings to artifacts like slides, documentation, and HTML landing pages.

Algorithmic Art Studio

Generates sophisticated generative art and interactive p5.js sketches based on custom-crafted computational philosophies.

Frontend Design Master

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

Frontend Design

Creates distinctive, production-grade frontend interfaces and components with a focus on high-quality, non-generic aesthetics.

Canvas Design

Generates museum-quality visual art and sophisticated design philosophies for high-fidelity posters and digital artifacts.

Lingx Frontend Design System

Enforces a precise, minimal UI design system inspired by Linear and Stripe to create production-grade dashboards and admin interfaces.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific hex colors and typography, to artifacts and presentations created with Claude Code.

Canvas Design Master

Generates sophisticated visual art and design philosophies for creating museum-quality posters and documents.

Phoenix Brand & Reporting

Standardizes visual reporting and dashboard layouts according to the Press On Ventures brand system.

Frontend Design Pro

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

VKC i18n and UI Safety

Ensures translation consistency across Korean, English, and Vietnamese while preventing UI layout breakage caused by long localized text.

Theme Factory

Styles artifacts like slides, documents, and landing pages using professional preset themes or custom color and font pairings.

Visual Design Architect

Generates sophisticated visual art and design philosophies through high-fidelity PDF and PNG outputs.

Anthropic Brand Design Guidelines

Applies Anthropic's official brand colors and typography to artifacts to ensure visual consistency and professional styling.

Experience Designer

Transforms product requirements into comprehensive interaction specifications, covering every user flow, state transition, and edge case.

Boardkit Canvas Input Model

Manages interactive canvas behaviors including navigation, selection logic, and keyboard shortcuts for design-oriented applications.

Tailwind CSS v4 Expert

Streamlines development and migration workflows for Tailwind CSS v4 by managing configuration updates and utility deprecations.

MCP Widget Authoring

Builds dynamic visual UI components and widgets for ChatKit within Model Context Protocol (MCP) server environments.

Sigil: Mapping Zones

Maps codebase directories to specific design physics zones to ensure consistent visual governance and agent-driven development.

ChatKit Rails Bootstrap

Integrates and configures OpenAI's ChatKit widget within Ruby on Rails applications using data-driven initialization.

Frontend Design Pro

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

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design thinking and meticulous implementation.

Frontend Design

Generates high-quality, distinctive frontend interfaces that prioritize intentional design and avoid generic AI-generated aesthetics.

Distinctive Frontend Design

Creates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design choices to avoid generic AI styles.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics.

Frontend Design Expert

Creates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design choices that avoid generic AI patterns.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high-end aesthetics that move beyond generic AI-generated patterns.

Frontend Design

Generates high-fidelity, production-grade frontend interfaces that break away from generic AI-generated design patterns.