LogoClawIndex
CasesSkillsAbout
LogoClawIndex

popular-web-designs - 54 production-quality design systems from real websites

Loads templates to generate HTML and CSS matching visual identities of popular websites like Stripe, Linear, Vercel, Notion, and Airbnb.

Tags

Updated: 2026-09-21

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Load design templates
  • Generate styled HTML and CSS
  • Apply visual design tokens
  • Substitute proprietary fonts with Google Fonts

Inputs

  • Design template file paths
  • Target website style prompts

Outputs

  • HTML and CSS files

Requirements

  • write_file tool access
  • browser_vision tool access
  • generative-widgets skill and cloudflared tunnel
  • Google Fonts CDN network access

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.
design
css
html
ui
web-development
design-systems
templates
Load design templates
Generate styled HTML and CSS
Apply visual design tokens
Substitute proprietary fonts with Google Fonts
Design template file paths
Target website style prompts
HTML and CSS files