popular-web-designs
Installation
SKILL.md
Popular Web Designs
54 real-world design systems ready for use when generating HTML/CSS. Each template captures a site's complete visual language: color palette, typography hierarchy, component styles, spacing system, shadows, responsive behavior, and practical agent prompts with exact CSS values.
Related design skills
claude-design— use for the design process and taste (scoping a brief, producing variants, verifying a local HTML artifact, avoiding AI-design slop). Pair it with this skill when the user wants a thoughtfully-designed page styled after a known brand:claude-designdrives the workflow, this skill supplies the visual vocabulary.design-md— use when the deliverable is a formal DESIGN.md token spec file, not a rendered artifact.
How to Use
Related skills
More from keejkrej/design-skills
sketch
Throwaway HTML mockups: 2-3 design variants to compare.
3p5js
p5.js sketches: gen art, shaders, interactive, 3D.
3excalidraw
Hand-drawn Excalidraw JSON diagrams (arch, flow, seq).
3claude-design
Design one-off HTML artifacts (landing, deck, prototype).
3design-md
Author/validate/export Google's DESIGN.md token spec files.
3architecture-diagram
Dark-themed SVG architecture/cloud/infra diagrams as HTML.
3