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.

Decision snapshot

Is this a fit?

Best for

Design and media, Includes SKILL.md, Reusable instructions

Works with

Compatibility not yet detected.

Access

Permission behavior not yet detected.

Setup

Copy skill directory

Project health

21 days ago · MIT license

Considerations

No specific cautions were detected. Review the source and requested permissions before installing.

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. See how SkillIndex evaluates profiles.

Key capabilities

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

Declared skill metadata

  • Declared author: BadTechBandit
  • Declared license: MIT
  • Source file: skills/creative/claude-design/SKILL.md

These fields retain source and confidence evidence from the indexed SKILL.md.

Compatibility and setup

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

Verified compatibility and discovery

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
232,138
Forks
46,253
Last commit
21 days ago
Last verified
Aug 19, 2026
Metadata fetched
Aug 19, 2026
Repository age
1 year
License
MIT

Project health auto-fetched from the source repository.

Maintain this resource?

Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.

Alternatives to claude-design