Design & Frontend Claude Skills
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.
capcut-cli: Edit CapCut/JianYing Drafts from the Terminal
Create and edit real CapCut/JianYing projects from any terminal or LLM agent — subtitles, timing, speed, templates, long-form-to-shorts — no API, no server, and every track stays editable in CapCut.
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.
Petal Design Skill (petal-design)
A design doctrine skill that makes AI-written HEEx UI in Phoenix/LiveView indistinguishable from official petal_components output.
DfAM Check — 3D Printability Analysis
Measure mesh files against Design for Additive Manufacturing rules per process (FDM, SLS, SLA/DLP, metal PBF, MJF) and report evidence-backed printability findings before slicing or printing.
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.
Auteur
Directs Claude Code to build a website the way a film director makes a film: art direction locked before code, generated assets, and an executable anti-slop linter gating every ship.
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.
Video ShotCraft: Cinematic Product Video Skill
Turns Claude Code / Codex into a motion-design studio: 157 shot recipe cards, a Remotion template, and sound design that turn your product page into a cinematic promo.
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.