Design Tools Claude 스킬

GF(3) Slack Animation Creator

Generates minimal, ternary-state animations for Slack emoji GIFs using GF(3) arithmetic and Zig performance.

Document Visualizer

Converts documents and technical reports into professional infographics and visual summaries for easy sharing across team platforms.

UI/UX Design Architect

Generates comprehensive UI/UX design specifications, wireframes, and style guides based on user stories and core solutions.

Triad Interleave

Generates balanced, three-stream execution schedules and deterministic color palettes using GF(3) conservation principles.

Algorithmic Art & Generative Design

Generates sophisticated, master-level generative art and computational aesthetics using p5.js and seeded randomness.

Canvas Visual Design

Generates museum-quality visual art and sophisticated posters using advanced design philosophies.

Theme Factory

Applies professional visual themes and curated styling to documents, presentations, and HTML artifacts using harmonious color palettes and font pairings.

Scrollytelling & Narrative Scroll

Builds immersive, scroll-driven storytelling experiences with pinned sections, progressive reveals, and narrative-linked animations.

User Persona Creator

Generates detailed, research-backed user personas using structured templates and guided questions.

Flowkit Naming for Webflow

Automates and enforces Flowkit CSS naming conventions within Webflow projects for consistent, utility-first styling.

Django Unfold Admin Architect

Builds and configures modern, responsive Django admin interfaces using the Tailwind CSS-powered Unfold theme.

Landing Page Designer

Generates high-converting, visually unique landing pages using a mandatory 'Vibe Discovery' process to eliminate generic AI-generated aesthetics.

Frontend Design Patterns

Implements production-ready React and Next.js architectural patterns to build performant, maintainable user interfaces.

Interactive MCP App Developer

Builds and debugs interactive UI components for MCP servers using FastMCP and Svelte.

Canvas Design

Generates museum-grade visual art and design documents based on custom-crafted aesthetic philosophies.

Senior Frontend Engineer

Accelerates modern web development with automated component generation, performance analysis, and production-grade scaffolding for React and Next.js projects.

Vercel React Best Practices

Optimizes React and Next.js applications using high-performance engineering guidelines and implementation patterns from Vercel.

UI Design Architect

Generates professional UI/UX design pattern recommendations and structural ASCII wireframes to accelerate frontend development.

React Artifacts Builder

Generates and bundles professional-grade, multi-component React artifacts for use within the Claude.ai interface.

Fröhlich Color Generator

Generates deterministic colors with German naming conventions using the SpaltMisch64 algorithm and ternary logic mapping.

Distinctive Frontend Design

Generates high-end, production-grade frontend interfaces with a focus on unique aesthetics and bold design choices.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and custom typography.

Theme Factory

Applies professional typography and color palettes to presentation slides and digital artifacts.

Topological Color Genesis (ee5cbb)

Facilitates autopoietic worlding and topological design patterns using the Gay MCP framework.

AI Image Generation & Editing

Generates and refines high-quality project assets using the OpenAI Image API through a structured, CLI-driven workflow.

Canvas Visual Design

Generates visually striking static designs and digital art using HTML Canvas, Python imaging libraries, and professional design principles.

Planar Isotopy Screen Mapping

Transforms abstract thread states and observations into deterministic screen positions using topological planar isotopy principles.

AI Image Generator & Editor

Generates and edits high-quality photorealistic images, artistic illustrations, and visual assets using state-of-the-art AI models like FLUX and Gemini.

Unworld Color Ordinality

Transforms numerical sequences into perceptually optimized, mutually-aware color systems using topological and mathematical principles.

UX Audit Pro

Evaluates UI/UX changes against design principles to ensure high standards for accessibility, consistency, and usability.