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.