popular-web-designs - 54 Real-World Design Systems for HTML/CSS Generation
Provides 54 real-world design system templates with visual tokens and component specs for generating HTML and CSS.
Tags
Updated: 2026-09-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Select design system templates
- Load template design specifications
- Apply design tokens and styles
- Substitute fonts with Google Fonts
- Generate HTML and CSS markup
Inputs
- Design template name
- User page design requirements
- Google Fonts CDN links
Outputs
- HTML file
- CSS custom properties and styles
- Rendered page visual preview
Requirements
- Linux, macOS, or Windows OS
- skill_view tool
- write_file tool
- generative-widgets skill
- browser_vision tool