claude-design-skill

by jiji262 · Claude Skill · ★ 43

About claude-design-skill

🌐 English · 中文 Claude Design Skill A portable Claude skill that turns Claude into an expert designer for HTML-based artifacts — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations. Adapted from Claude.ai's internal Design product system prompt, restructured to follow the Claude Skill specification with progressive disclosure (lean + on-demand references + copy-paste starter assets + real sample outputs).

Quick Facts

Stars43
Forks6
LanguageHTML
CategoryClaude Skill
LicenseMIT
Quality Score70.3050373212799/100
Last Updated2026-04-23
Created2026-04-20
Platformsclaude-code
Est. Tokens~42k

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular HTML Agent Tools

Frequently Asked Questions

What is claude-design-skill?

claude-design-skill is A portable Claude Skill that turns Claude into an expert designer for HTML artifacts — decks, landing pages, prototypes, animations, posters. Adapted from Claude.ai's internal Design system prompt.. It is categorized as a Claude Skill with 43 GitHub stars.

What programming language is claude-design-skill written in?

claude-design-skill is primarily written in HTML.

How do I install or use claude-design-skill?

You can find installation instructions and usage details in the claude-design-skill GitHub repository at github.com/jiji262/claude-design-skill. The project has 43 stars and 6 forks, indicating an active community.

What license does claude-design-skill use?

claude-design-skill is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools