Design Tools Claude 스킬

Advanced Artifacts Builder

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

Google Media Gen

Generates high-quality images and videos using Google GenAI models like Imagen and Veo directly within Claude.

Theme Factory

Styles artifacts like slides, documents, and landing pages using curated professional themes and custom palettes.

Distinctive Frontend Designer

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

Material Design 3 (Material You)

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

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.

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.

Slack GIF Creator

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

Anthropic Brand Styler

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

Anime & Manga Prompt Builder

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and unique aesthetics.

Media Generator for Google GenAI

Generates high-fidelity images and videos directly within Claude using Google's Gemini, Imagen, and Veo models.

San Watsadu Brand Identity System

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

Frontend Designer

Transforms UI/UX designs into comprehensive technical specifications and developer-ready implementation guides.

EdTech Pitch Deck Creator

Transforms raw EdTech startup content into narrative-driven, visually compelling investor pitch decks through a collaborative 7-phase design process.

Advanced React Artifacts Builder

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

Algorithmic Art & Generative Design

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

Slack GIF Creator

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