Design Tools Claudeスキル

Design Systems Foundation

Establishes a foundational scaffold for general design principles and patterns to guide specialized UI/UX development workflows.

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.

Information Architecture

Organizes and structures digital content to improve findability, usability, and navigation design through proven mental model alignment and taxonomy patterns.

Theme Factory

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

Flowkit Naming for Webflow

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

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.

Cognitive Design Principles

Optimizes visual interfaces and information architecture by aligning designs with human perception and cognitive processing limits.

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.

Canvas Design

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

Frontend Design Patterns

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

Low-Discrepancy Color Sequences

Generates uniform, deterministic color palettes using mathematical sequences with bijective index recovery for visual consistency.

React Artifacts Builder

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

Theme Factory

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

VS Design Diverge

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

Planar Isotopy Screen Mapping

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

GF(3) Slack Animation Creator

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

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.

Unworld Color Ordinality

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

Fröhlich Color Generator

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high-quality aesthetics and creative UI/UX.

Anthropic Brand Guidelines

Applies official Anthropic brand colors and typography to visual artifacts and documents to ensure design consistency.

Slack GIF Creator

Generates and optimizes custom animated GIFs specifically tailored for Slack emojis and messages using Python.

Web Artifacts Builder

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

Distinctive Frontend Design

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

Corporate Brand Guidelines Automator

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