Design Tools Claude 스킬

Theme Factory

Applies professional color palettes and typography pairings to artifacts such as presentations, documents, and landing pages.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive p5.js sketches using a philosophy-first computational approach.

Interfaith Sacred Geometry

Generates mathematically precise sacred geometry patterns and interfaith symbolic visualizations for spiritual art and meditation aids.

Web Artifacts Builder

Automates the generation of complex, multi-component React artifacts for Claude using modern frontend stacks and professional design patterns.

Interfaith Sacred Geometry

Generates mathematically precise sacred geometry patterns and interfaith symbols for spiritual art and meditative visualizations.

Theme Factory

Applies professional color palettes and typography systems to digital artifacts like slides, reports, and HTML pages.

Theme Factory

Applies professional visual themes and custom color palettes to documents, presentations, and web artifacts.

Anthropic Brand Styling & Guidelines

Applies Anthropic's official brand colors and typography to digital artifacts to ensure consistent visual identity.

Claude Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend workflows.

Artifacts Builder

Constructs complex, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for professional frontend interfaces.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend workflows.

Ice.js 3 Development Patterns

Standardizes the development of ice.js 3 admin consoles with pre-defined templates for UI components, API services, and state management.

Laravel Vite Expert

Configures and optimizes the Vite frontend build pipeline for Laravel applications including HMR, SSR, and framework integration.

Interactive UI States

Implements accessible, high-performance interactive states for buttons, forms, and UI components using Framer Motion.

Responsive Design System

Implements modern, mobile-first responsive layouts and fluid typography using Tailwind CSS 4.1 and container queries.

Advanced Glassmorphism UI

Generates sophisticated frosted glass effects and transparent overlays using advanced Tailwind CSS patterns and multi-agent validation.

React Component Composition Expert

Architects scalable, reusable React components using advanced composition patterns like slots, compound components, and render props.

Dark/Light Mode Architect

Implements seamless theme switching and system preference detection using modern CSS variables and next-themes.

Layered Background Architect

Generates sophisticated, multi-layered UI backgrounds using gradient orbs, noise textures, and advanced motion effects.

Volvox Brand Identity & Design

Applies Volvox LLC's official brand guidelines, visual identity, and unique voice to digital content and UI components.

Image Illustrator

Creates, converts, and composes professional visual assets using custom generation scripts and image manipulation tools.

UI/UX Design Architect

Architects accessible, systematic user interfaces and design systems using research-backed methodologies and modern design tokens.

React Component Generator

Generates production-grade React components with TypeScript, Tailwind CSS styling, comprehensive unit tests, and Storybook stories.

React Architecture Starter

Scaffold production-grade React applications with Vite, TypeScript, and a scalable feature-based architecture.

Remotion Best Practices

Optimizes video creation in React by providing expert guidance on Remotion animations, compositions, and media handling.

Design Spells

Enhances user interfaces with premium micro-interactions and creative design details to create memorable digital experiences.

Professional Slide Designer

Generates and refines professional PowerPoint presentations using PptxGenJS with integrated layout validation and rendering utilities.

LibreOffice Draw Automation

Automates vector graphics creation, diagram generation, and file format conversions using LibreOffice Draw and Python scripting.

Stitch Autonomous Build Loop

Automates iterative website creation and integration using an autonomous baton-passing pattern with Stitch.

React Architecture & Design Patterns

Implements production-ready React applications using modern architectural patterns, performance optimizations, and React 19 features.