Design Tools Claudeスキル

Interactive MCP App Developer

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

GF(3) Slack Animation Creator

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

Django Unfold Admin Architect

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

React Artifacts Builder

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

Canvas Design

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

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.

Canvas Visual Design

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

Theme Factory

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

AI Image Generation & Editing

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

Frontend Design Patterns

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

Planar Isotopy Screen Mapping

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

Senior Frontend Engineer

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

UX Audit Pro

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

Vercel React Best Practices

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

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.

Corporate Brand Guidelines Automator

Applies consistent corporate branding, visual styles, and messaging standards to all generated documents and reports.

Svelte Component Patterns

Streamlines Svelte development with expert patterns for headless UI libraries, web components, and advanced form handling.

UI Design Architect

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

Frontend Design Pro

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

React Composition Patterns

Implements scalable React component architectures and composition patterns to eliminate prop drilling and boolean proliferation.

Frontend Design Pro

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

UX Design Standards

Implements battle-tested UX standards and design patterns to ensure high-quality, secure, and production-ready user interfaces.

Topological Color Genesis (ee5cbb)

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

VS Design Diverge

Creates distinctive, high-entropy frontend interfaces by mitigating AI mode collapse and prioritizing non-generic design patterns.

Frontend Design

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

Design Thinking Fundamentals

Guides users through a structured design thinking process to transform abstract ideas into concrete visual prototypes.

Midjourney-Style Flux Pro Image Prompter

Generates highly detailed, Midjourney-style image prompts optimized for the FLUX 1.1 Pro model on Replicate.

Frontend Design

Creates distinctive, production-grade frontend interfaces that prioritize high-quality aesthetics and unique design systems.