Favicon of claude-design

claude-design Skill

AI Agent SkillDesign & MediaPythonOpen source

Design one-off HTML artifacts (landing, deck, prototype). Published by NousResearch in hermes-agent.

What is claude-design Skill?

Design one-off HTML artifacts (landing, deck, prototype). Published by NousResearch in hermes-agent. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.

Trust signal
95/100
Maintenance signal
90/100
Adoption signal
100/100

Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.

Key capabilities

  • Includes SKILL.md support
  • Reusable instructions support
  • Design and media
  • Design and media use cases

Technical details

Copy skill directory
  • Install or run with Copy skill directory

When to use claude-design Skill

  • Use it for design and media.

Built with

PythonCopy skill directory

Editorial notes

Source

  • Creator: NousResearch
  • Repository: NousResearch/hermes-agent
  • Skill file: skills/creative/claude-design/SKILL.md

What it does

Design one-off HTML artifacts (landing, deck, prototype).

Skill instructions

Claude Design for CLI/API Agents Use this skill when the user asks for design work that would normally fit Claude Design, but the agent is running in a CLI/API environment instead of the hosted Claude Design web UI. The goal is to preserve Claude Design's useful design behavior and taste while removing hosted-tool plumbing that does not exist in normal agent environments. Before starting, check for other web-design skills like popular-web-designs (ready-to-paste design systems for Stripe, Linear, Vercel, Notion, etc.) and design-md (Google's DESIGN.md token spec format). If the user wants a known brand's look, load popular-web-designs alongside this one and let it supply the visual vocabulary. If the deliverable is a token spec file rather than a rendered artifact, use design-md instead. Full decision table below. When To Use This Skill vs popular-web-designs vs design-md Hermes has three design-related skills under skills/creative/. They do different jobs — load the right one (or comb

Explore related resources

Frequently asked questions

What is claude-design?

claude-design is a open-source AI agent skill with Copy skill directory. Design one-off HTML artifacts (landing, deck, prototype).

Who is claude-design best for?

claude-design is best for reusing agent instructions, scripts, and references, design and media workflows.

How do I install claude-design?

Install or run claude-design using Copy skill directory. Check claude-design for the latest setup command.

Is claude-design actively maintained?

claude-design may need a closer maintenance check before production use.

Share:

Stars
214,436
Forks
39,858
Last commit
9 days ago
Repository age
1 year
License
MIT

Auto-fetched from GitHub.

Ad
Favicon

 

  
 

Similar to claude-design