popular-web-designs

仓库创建 2026年7月27日最近提交 21 小时前SkillHot 收录 16 小时前

这个 Skill 做什么

提供 54 套真实网站的设计系统 HTML/CSS 模板（像 Stripe、Linear、Vercel），把配色、排版、组件风格、间距和响应式规则都复刻好了。用于生成符合某个主流视觉语言的页面或快速套样式，省去从头设计的时间。特别之处是包含精确的 CSS 值和实用 prompts，能直接拿来用或微调。

▸ 展开 SKILL.md 英文原文

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/trojan-lord/hermes-cuso/main/skills/creative/popular-web-designs/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/trojan-lord/hermes-cuso/main/skills/creative/popular-web-designs/SKILL.md"

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-design` drives the workflow, this skill supplies
  the visual vocabulary.
- **`design-md`** — us

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有