claude-design

Design self-contained HTML artifacts with embedded CSS and JavaScript for CLI/API workflows.

11|Updated May 17, 2026
One-click install
npx skills add https://github.com/StarryCod/cogitum --skill claude-design-starrycod
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/StarryCod/cogitum/tree/main/cogitum/data/skills/creative/claude-design
Command: npx skills add https://github.com/StarryCod/cogitum --skill claude-design-starrycod

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design HTML artifacts and design processes for CLI/API agent workflows, preserving Claude Design's taste in non-hosted runtimes.

Core Features & Use Cases

  • Process-guided creation of self-contained HTML artifacts (landing pages, prototypes, decks)
  • Guidance for scoping, context gathering, variant generation, and design-to-code handoffs
  • Deliverables suitable for repo integration with embedded CSS/JS and optional design-system references

Quick Start

Generate a self-contained HTML artifact (landing page or prototype) that reflects a CLI/API design brief.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I generate self-contained HTML landing pages using a CLI agent workflow?▼

To generate self-contained HTML landing pages using a CLI agent, you scope a design brief and iterate through context-guided variants. The output is a single HTML file with embedded CSS and JavaScript, ready for offline execution and direct repo integration.

What is the best way to build HTML prototypes from an API design brief?▼

Building HTML prototypes from an API design brief involves process-guided context gathering and variant generation. This approach delivers self-contained HTML artifacts preserving high design taste, suitable for non-hosted runtimes without external dependencies.

Can I use this to create design-system components for offline execution?▼

Yes, you can create design-system components for offline execution. The process generates self-contained HTML artifacts with optional design-system references and embedded CSS and JavaScript, ensuring the deliverables run independently in non-hosted environments.

Does the generated HTML artifact require external dependencies to run?▼

No, the generated HTML artifacts do not require external dependencies to run. All CSS and JavaScript are embedded directly within the HTML file, ensuring the deliverables are completely self-contained for repo integration and seamless offline execution.

How do I scope a design brief for generating iterative HTML variants?▼

Scoping a design brief for iterative HTML variants involves defining the core task, gathering context, and guiding the generation process. This structured approach yields self-contained HTML deliverables like prototypes and motion studies for repo integration.

Why use a process-driven approach for HTML artifacts in CLI workflows?▼

Using a process-driven approach for HTML artifacts in CLI workflows preserves design taste in non-hosted runtimes. It structures brief scoping, context gathering, and iterative variant generation to produce self-contained HTML suitable for automated agent environments.