skills.rest
vikrant-project
vikrant-projectCOMMUNITY
Explore all skills by this author →
GitHub

claude-design

Design one-off HTML artifacts like landing pages, decks, and prototypes.

2|Updated Jun 8, 2026
Search Tags:#design#ui#html#prototyping#ux#artifact#deck
One-click install
npx skills add https://github.com/vikrant-project/devil-agent-ai-platform --skill claude-design-vikrant-project
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/vikrant-project/devil-agent-ai-platform/tree/main/agent_core/skills/creative/claude-design
Command: npx skills add https://github.com/vikrant-project/devil-agent-ai-platform --skill claude-design-vikrant-project

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides the ability to design one-off HTML artifacts, such as landing pages, decks, and prototypes, within a CLI/API environment, leveraging Claude Design's design process and taste.

Core Features & Use Cases

  • Design Process and Taste: Offers Claude Design's design process and taste for creating HTML artifacts.
  • CLI/API Compatibility: Preserves Claude Design's design behavior and taste without hosted-tool plumbing.
  • Use Case: Ideal for agents running in a CLI/API environment that require design work typically done in Claude Design's web UI.

Quick Start

Use the claude-design skill to create a landing page design for a new product.

Frequently Asked Questions about claude-design

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

FAQPage Schema
How do I generate HTML landing pages or presentation decks from a CLI or API environment?▼

To generate HTML landing pages or decks, this Skill applies a structured design process to produce one-off artifacts directly within CLI or API environments. It adapts web UI design behaviors for automated pipelines.

Can I create interactive prototypes and static visual comparisons without a hosted design tool?▼

Yes, you can create interactive prototypes and static visual comparisons without a hosted tool. The Skill integrates design system and style guide logic to output standalone HTML artifacts.

What is the best way to integrate a design system into automated HTML artifact generation?▼

The best way to integrate a design system is by applying the built-in design process and taste logic. This ensures generated HTML artifacts, such as prototypes and decks, strictly follow your defined style guidelines.

Does this design approach work for agents running in automated CLI/API pipelines?▼

Yes, this design approach works for automated pipelines by preserving web UI design behaviors without requiring hosted-tool plumbing. It allows CLI/API agents to generate styled HTML artifacts independently.

What are the limitations of generating one-off HTML artifacts through an automated agent?▼

A limitation is that it focuses strictly on one-off HTML artifacts like landing pages and decks, relying on the agent's environment to execute scripts and manage assets rather than providing a full hosted design suite.

How do I design a landing page for a new product using an automated agent?▼

You can design a landing page by instructing your automated agent to use the Skill, which will process the request and output a tailored HTML artifact leveraging Claude Design's established taste and process.

Related Skills

Explore More Design & Creative Skills→
kzinmrkzinmr
7

claude-design

Design custom HTML artifacts like landing pages and prototypes in CLI/API environments.

Community
Intermediate
XyHalcyonXyHalcyon

claude-design

Design and prototype HTML artifacts using a structured design process.

Community
Advanced
chrisxue90chrisxue90
2

frontend-ui-ux

Route frontend UI/UX design tasks to the designer agent or Gemini MCP.

Community
Intermediate
Monjyu1101Monjyu1101
1

claude-design

Translate Claude Design prompts into self-contained HTML prototypes for CLI/API workflows.

Community
Advanced