popular-web-designs - 54 Real-World Design Systems as HTML/CSS Tokens
Provides 54 real-world design system templates with HTML/CSS tokens, typography, and component specifications to generate styled web pages.
Tags
Updated: 2026-09-21Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Load design system templates
- Apply CSS custom property tokens
- Generate HTML pages using component specs
- Substitute proprietary fonts using Google Fonts
- Save generated HTML to outputs directory
- Verify visual output via web_researcher agent
Inputs
- Design template files in templates directory
- User page design requirements
- Selected site design name
Outputs
- Generated HTML files in outputs directory
Requirements
- File reading permission via read_file tool
- File writing permission via write_file tool
- Network access for Google Fonts CDN
- Optional web_researcher agent for verification