Claude Skills for a Designer
TypeUI Design Fundamentals
Design-system-agnostic UI/UX principles for AI-generated interfaces, resolving decisions your design system doesn't cover and aesthetic-versus-accessibility conflicts.
Academic Figure Prompt Generator
Reads your paper and produces top-conference-quality English image prompts for AI figure tools, covering framework, architecture, module, comparison and data-pattern diagrams.
Academic Figure Prompt — Modern ML Airy Style
Reads your paper and produces extremely detailed English prompts for AI image tools, yielding academic figures in the pastel aesthetic of recent ICLR/NeurIPS/ICML papers.
Color Expert — Color Science Agent Skill
Turns your coding agent into a color science expert with a curated knowledge base spanning color spaces, accessibility, palette generation, pigment mixing, and historical color theory.
imagegen-frontend-mobile — Mobile App Visual Generation Skill
An Agent Skill for AI assistants that generates premium, non-generic mobile app screen concepts and flows, with a focus on clean hierarchy and readable typography.
Kami · Paper
One typesetting system for professional documents and landing pages: warm parchment, ink-blue accent, serif-led hierarchy — resumes, one-pagers, white papers, slides, and product pages.
Design Motion Principles
Weights three motion-design philosophies by project context so you can build purposeful motion or audit existing animations.
Dashmotion
Turn a plain-English sentence or Mermaid source into an animated technical diagram — one self-contained HTML/SVG file with flowing dashes and traveling light dots, zero dependencies.
Draw.io Diagram Skill
Have your AI assistant generate native .drawio diagram files, export them as editable PNG/SVG/PDF, or open them in the browser — no MCP setup required.
Distinctive Frontend Design
Build an intentional visual identity for interfaces that should not feel templated.
OfficeCLI Morph-PPT Skill
A skill for AI agents to craft PowerPoint decks with buttery-smooth Morph transitions — continuous motion across slides, no Office installation needed.
Slides Grab HTML Skill
Generate semantic HTML slides in Claude Code / Codex with bespoke AI imagery, a design gate, and PDF/PPTX export.
Design Is (Dieter Rams Audit)
Audit designs against Dieter Rams' ten principles, score with evidence, decide NEW/REFINE/REDESIGN, and hand off a ready-to-run /make-plan prompt.
TypeUI for Grok
Give Grok access to TypeUI project design skills, brand kits, UI prompts, and layout variation guidance when building or refining user interfaces.
TypeUI (Hermes Agent Design Skill)
Connects Hermes Agent to the TypeUI MCP server so generated and redesigned UIs inherit project design skills, brand kits, UI prompts, and layout variations instead of generic styling.
TypeUI (OpenClaw Skill)
Injects project design skills, brand kits, UI prompts, and layout variation guidance from the TypeUI MCP server so AI agents produce better, on-brand interfaces.
Prototype Prompt Generator
Turns vague UI requirements into structured, production-ready prototype prompts with complete design specs, ready to hand to any AI tool or developer.
Theme Factory
Apply professional color and font themes to slides, docs, reports, and landing pages—or generate a new theme on the fly.
OpenChamber Drag-to-Reorder Skill
A battle-tested @dnd-kit playbook that fixes the hardest drag-to-reorder bugs: variable-width items, wrapping layouts, and touch/mobile gesture conflicts.
VS Code Design Philosophy
Turn vague UI discomfort into concrete fixes using shared values, principles, and design moves.
AnyDesign
Turns screenshots, websites, and Figma files into structured, executable design specs that any AI or designer can rebuild from.
Apple Liquid Glass Design Skill
Teach an AI coding agent to produce Apple-grade "macOS Liquid Glass" web UI through executable design rules instead of vague style prompts.
OpenChamber Theme System Skill
Enforces semantic theme tokens, shared button/icon contracts, and keyboard-navigation rules when modifying OpenChamber UI — no hardcoded colors or reinvented components.
SwiftUI Design Skill
Make SwiftUI interfaces look intentionally crafted, not AI-generated: six iron rules, design direction consulting, brand asset protocol, and a five-dimension review in one skill.