Design Tools Claude 스킬

Brand Systems

Builds comprehensive brand identity systems from strategy and positioning to visual documentation and design tokens.

Anthropic Brand Styler

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

Algorithmic Art & Generative Aesthetics

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with a professional UI/UX designer's mindset and high-end aesthetic standards.

Style Master: CSS & Design Systems

Optimizes frontend styling and design systems through comprehensive CSS audits, modernization, and accessibility enforcement.

AI Image Generation & Editing

Generates and edits high-quality photorealistic images, illustrations, and visual assets using leading AI models like FLUX and Gemini.

Canvas Design & Visual Artistry

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

Nano Banana JSON Prompting

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

Slack GIF Creator

Generates and optimizes animated GIFs and emojis specifically for Slack's unique file size and dimension constraints.

AI Image & Infographic Generator

Generates high-resolution images, professional infographics, and technical diagrams using Google's Nano Banana Pro model with structured prompting workflows.

Anime & Manga Prompt Builder

Generates professional Midjourney Niji mode prompts using curated libraries of 30+ anime artists, 14 studios, and SREF style codes.

San Watsadu Brand Identity System

Standardizes UI components and documentation with San Watsadu's official Thai branding, typography, and color palette.

Frontend Design Architect

Creates distinctive, production-grade frontend interfaces with unique aesthetic identities that avoid generic AI design patterns.

React Frontend SPA Architect

Implements scalable, type-safe React Single Page Applications using standardized routing, authentication, and design patterns.

Web Design Guidelines Auditor

Audits web application code for compliance with professional UI/UX standards and accessibility best practices.

Algorithmic Art Generator

Generates sophisticated, gallery-quality generative art and interactive visualizations using p5.js and computational philosophy.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emoji specifically tailored for Slack's unique file size and dimension constraints.

Anthropic Brand Identity

Applies Anthropic's official brand colors, typography, and visual design standards to generated artifacts and documents.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's file size and dimension constraints.

Algorithmic Art & Generative Design

Generates sophisticated, master-level algorithmic art using p5.js and bespoke computational philosophies.

Draw.io Diagram Master

Generates and edits professional draw.io diagrams in XML format for technical architecture and flowcharts.

Canvas Design & Visual Philosophy

Generates high-fidelity visual art and design documents based on custom-crafted aesthetic philosophies.

Wizard UI Kit

Builds structured multi-step form interfaces with automated draft saving and runtime validation.

Advanced React Artifacts Builder

Develops complex, multi-component React artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Frontend UI & UX Design

Standardizes the implementation of accessible, high-performance user interfaces using Tailwind CSS and shared component libraries within a Turborepo environment.

Trust & Recovery UX Guide

Implements research-backed UI patterns for error handling, undo functionality, and graceful recovery to build and maintain user confidence.

Psychology Foundations for UX

Explains the research-backed cognitive and behavioral science principles behind effective user experience design patterns.

UX Feedback Design

Implements evidence-based UI feedback patterns including progress indicators, error recovery, and performance-optimized loading states.

React Performance Best Practices

Optimizes React and Next.js applications using Vercel Engineering's performance-focused coding standards and optimization rules.

NiceGUI UI Development

Streamlines the creation of Python web interfaces using the NiceGUI framework with optimized styling and architectural patterns.