skills.rest
jaredcroxton
jaredcroxtonCOMMUNITY
Explore all skills by this author →
GitHub

claude-design

Generate standalone HTML design artifacts for CLI/API agents.

Updated May 16, 2026
Search Tags:#html#design-system#landing-page#ux-ui#decks#design-prototype#cli-agent
One-click install
npx skills add https://github.com/jaredcroxton/hermes-mirror --skill claude-design-jaredcroxton
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/jaredcroxton/hermes-mirror/tree/main/agents/skills/creative/claude-design
Command: npx skills add https://github.com/jaredcroxton/hermes-mirror --skill claude-design-jaredcroxton

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps CLI/API agents produce high-quality HTML design artifacts without relying on hosted Claude Design web UI features or tooling.

Core Features & Use Cases

  • Process + taste for one-off artifacts: scopes the brief, gathers context, generates thoughtful variants, and avoids generic “AI design slop.”
  • Runtime adaptation to CLI/API mode: remaps hosted-only concepts into plain local artifact output, including verification steps and environment-appropriate tool usage.
  • Design system-aware output: encourages checking existing repo components, tokens, and brand context before inventing UI, and supports HTML decks, prototypes, and interaction patterns.
  • Practical deliverable rules: generates complete local HTML (with embedded CSS/JS when needed) and provides clear on-disk paths and caveats.

Quick Start

Use the claude-design skill to create a complete responsive landing page as a single local HTML file based on the provided screenshots and brand notes.

Frequently Asked Questions about claude-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate HTML design prototypes using a CLI agent?▼

To generate HTML design prototypes using a CLI agent, this skill scopes the brief, gathers available design context, and outputs a standalone local HTML file with embedded CSS and JS. It remaps hosted-only UI concepts into plain local artifact output.

What is the best way to create a one-off HTML landing page without generic AI design slop?▼

Creating a one-off HTML landing page without generic AI design slop requires a process that scopes the brief, checks existing repo components and tokens, and generates thoughtful variants that preserve taste and brand context.

Can I produce HTML decks and interaction patterns without a hosted web UI?▼

Yes, you can produce HTML decks and interaction patterns without a hosted web UI. This skill adapts to CLI/API runtime environments by ignoring hosted-only tooling instructions and generating complete local HTML deliverables with verification steps.

How do I make a CLI agent use my existing design system tokens for component exploration?▼

To make a CLI agent use your existing design system tokens for component exploration, this skill encourages checking available repo components, tokens, and brand context before inventing new UI, ensuring design system-aware output.

Does generating local HTML artifacts require external dependencies or components?▼

Generating local HTML artifacts does not require external dependencies or components. The skill produces complete standalone HTML files with embedded CSS/JS when needed, providing clear on-disk paths and caveats instead of relying on external packages.

Related Skills

Explore More Design & Creative Skills→
wpgauravwpgaurav
14

teach-impeccable

Gather project design context and persist it into a centralized AI config.

Community
Advanced
rickyanandarickyananda
1

claude-design

Design local HTML artifacts with embedded CSS and JavaScript from briefs or screenshots.

Community
Advanced
Quill-AgentQuill-Agent
3

claude-design

Design custom HTML artifacts with local HTML, CSS, and JavaScript.

Community
Advanced
ZardLi1115ZardLi1115
4

claude-design

Generate high-fidelity HTML design artifacts with embedded CSS and JS.

Community
Intermediate