Design Tools Claude 스킬

Web Artifacts Builder

Builds complex, production-grade React artifacts with shadcn/ui and Tailwind CSS for Claude.ai conversations.

Canvas Design & Visual Philosophy

Generates museum-grade visual art and design philosophies through meticulous spatial and aesthetic orchestration.

Draw.io Architecture Designer

Provides expert guidance for creating professional architecture diagrams, design systems, and visual documentation using draw.io.

Web Artifacts Builder

Builds sophisticated, multi-component Claude artifacts using React, Tailwind CSS, and shadcn/ui.

Runway ML Assistant

Streamlines AI video generation and creative image editing workflows using Runway ML's advanced generative tools.

Sketch Design Guide

Provides expert guidance for the Sketch design tool to streamline UI/UX workflows, symbol management, and interactive prototyping.

Slack GIF Creator

Generates high-quality, optimized animated GIFs specifically tailored for Slack emojis and messages using Python-based animation workflows.

Theme Factory

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

Canvas Design Agent

Generates museum-grade visual art and design philosophies by transforming subtle prompts into sophisticated posters and digital artifacts.

Anthropic Brand Styling Agent

Applies Anthropic's official brand colors, typography, and visual identity to digital assets and design artifacts.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs tailored for Slack emojis and workspace messages.

Theme Factory Agent

Styles artifacts like slides, documents, and landing pages with professional font and color themes instantly.

Frontend Design Pro

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

Canvas Design Expert

Transforms abstract design philosophies into museum-quality visual art and documents through meticulous craftsmanship.

Frontend Design Agent

Creates distinctive, production-grade frontend interfaces with high-end aesthetics that transcend generic AI-generated styles.

Slack GIF Creator

Generates high-quality, optimized animated GIFs specifically tailored for Slack emojis and message attachments.

Slack GIF Creator

Generates and optimizes animated GIFs tailored specifically for Slack emojis and messages using Python's PIL library.

Anthropic Brand Styling

Applies official Anthropic brand colors and typography to digital artifacts and UI components to ensure visual consistency.

Theme Factory

Applies professional color palettes and typography themes to documents, slide decks, and web artifacts.

Theme Factory

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

Web Artifacts Builder

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

Algorithmic Art & Generative Design

Generates sophisticated p5.js algorithmic art through a dual-process of philosophical conceptualization and masterful code implementation.

Avue Form Specialist

Streamlines the development of complex Vue.js forms using the Avue-form configuration-based component library.

Algorithmic Art Agent

Generates gallery-quality generative art by establishing computational philosophies and implementing them through sophisticated p5.js code.

AI Visual Canvas Designer

Generates museum-quality visual art and design documents based on sophisticated, custom-crafted aesthetic philosophies.

Galileo AI Design Assistant

Streamlines UI/UX workflows by providing expert guidance on Galileo AI's generative design capabilities and component automation.

Algorithmic Art & Generative Graphics

Generates sophisticated p5.js-based generative art and interactive algorithmic philosophies with expert-level craftsmanship.

Algorithmic Art Creator

Generates sophisticated p5.js generative art based on custom computational philosophies and mathematical principles.

React Framework Assistant

Develops and optimizes modern web interfaces using React components, state management, and performance best practices.

Vue 2 Core Development

Builds and maintains robust Vue 2.x applications using Options API, Vuex state management, and Vue Router integration.