LogoClawIndex
CasesSkillsAbout
LogoClawIndex

claude-design - One-off HTML artifact design

Designs one-off HTML artifacts such as landing pages, decks, prototypes, component explorations, and motion studies.

Tags

Updated: 2026-10-06
designhtmlprototypeuxuicreativeartifactdeckmotiondesign-system

Capabilities

Scope design briefsGather source contextDefine artifact design systemsBuild local HTML artifacts

Typical Inputs

Design briefBrand documentsProduct screenshots

Typical Outputs

Local HTML filesInteractive prototypesHTML slide decks

What this skill does

  • Scope design briefs
  • Gather source context
  • Define artifact design systems
  • Build local HTML artifacts
  • Create interactive prototypes
  • Create HTML slide decks
  • Verify generated files

Inputs

  • Design brief
  • Brand documents
  • Product screenshots
  • Repository source files
  • Design tokens
  • UI kits
  • Copy documents
  • Implementation constraints

Outputs

  • Local HTML files
  • Interactive prototypes
  • HTML slide decks
  • Design variants
  • File paths
  • Verification status

Requirements

  • CLI/API agent environment
  • Linux, macOS, or Windows

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.