skills.rest
AnandaAnugrahHandyanto
AnandaAnugrahHandyantoCOMMUNITY
Explore all skills by this author →
GitHub

claude-design

Generate self-contained HTML artifacts with embedded CSS and JavaScript via CLI/API workflows.

Updated Jun 19, 2026
Search Tags:#design#html#prototype#design-system#landing-page#cli-api#claude-design
One-click install
npx skills add https://github.com/AnandaAnugrahHandyanto/savarez_agent --skill claude-design-anandaanugrahhandyanto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/AnandaAnugrahHandyanto/savarez_agent/tree/main/skills/creative/claude-design
Command: npx skills add https://github.com/AnandaAnugrahHandyanto/savarez_agent --skill claude-design-anandaanugrahhandyanto

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

In environments where hosted design tools are unavailable, Claude Design enables crafting production-ready HTML artifacts (landing pages, decks, prototypes) via a CLI/API workflow, preserving design intent and process.

Core Features & Use Cases

  • Design-process guidance and taste transfer for one-off HTML artifacts in a CLI context.
  • End-to-end artifact production such as landing pages, prototypes, motion studies, and slide decks.
  • Ability to reference existing design tokens and related skills to augment the artifact while staying CLI/API-first.

Quick Start

Generate a self-contained HTML artifact that matches the brief with embedded CSS and JavaScript.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I generate an HTML landing page from a CLI workflow without a hosted design tool?▼

You can generate a self-contained HTML landing page from a CLI workflow by using a design process that embeds CSS and JavaScript directly into the final artifact, preserving design intent without needing hosted UI tools.

Can I create self-contained HTML prototypes that include embedded CSS and JavaScript?▼

Yes, you can create self-contained HTML prototypes with embedded CSS and JavaScript. This ensures the final artifact is production-ready and fully functional without relying on external stylesheet or script dependencies.

How do I apply existing design-system tokens to a one-off HTML artifact?▼

To apply existing design-system tokens to a one-off HTML artifact, the CLI workflow references those tokens during the design process, ensuring the generated output aligns with established visual standards while remaining self-contained.

What is the best way to build design artifacts like motion studies and slide decks via an API?▼

The best way to build design artifacts like motion studies and slide decks via an API is to use a CLI-driven workflow that provides design guidance and outputs a final, self-contained HTML file with embedded styling and scripts.

Does this CLI-driven design workflow require any external dependencies or components?▼

No, this CLI-driven design workflow does not require any external dependencies or components. It operates independently to generate production-ready HTML artifacts with embedded CSS and JavaScript directly from the command line.

When should I not use a CLI-based HTML artifact generator for design tasks?▼

You should not use a CLI-based HTML artifact generator when your design task requires continuous visual editing within a hosted UI tool, as this workflow is optimized for one-off, code-based design generation rather than interactive visual manipulation.

Related Skills

Explore More Design & Creative Skills→
JuanMS20JuanMS20

claude-design

Translates design briefs into self-contained HTML artifacts for CLI/API environments.

Community
Advanced
SriRamkunamsettySriRamkunamsetty

claude-design

Translate design briefs into self-contained HTML artifacts with embedded CSS and JS.

Community
Advanced
tiancaiamaotiancaiamao
5

architecture-diagram

Create dark-themed architecture diagrams as self-contained HTML files with inline SVG.

Community
Intermediate
zli5460zli5460
2

claude-design

Generate self-contained HTML prototypes with embedded CSS and JS.

Community
Intermediate