popular-web-designs

SKILL.md

---
name: popular-web-designs
description: 54 production-quality design systems extracted from real websites (Stripe, Linear, Vercel, etc.). Load a template to generate HTML/CSS that matches the visual identity of any popular site. Neo-brutalist, SaaS, dashboard, landing page templates included.
version: 1.1.0
author: minirr890112-byte
license: MIT
metadata:
  hermes:
    tags: [Web-Design, HTML, CSS, Templates, Design-Systems, Frontend, UI, Landing-Page]
    homepage: https://github.com/minirr890112-byte/HermesMade
---

# Popular Web Designs

## 一句话

54 个从真实网站提取的成熟设计系统。一句话生成匹配 Stripe、Linear、Vercel 等流行网站视觉风格的 HTML/CSS。

## 核心功能

- **54 Premium Templates** — Stripe、Linear、Vercel、Notion、GitHub 等
- **Production Quality** — 非玩具模板，真实网站提取
- **Neo-Brutalist Support** — 包含极简/neo-brutalist 风格
- **Instant HTML/CSS** — 一句话生成可直接部署的页面

## 怎么用

```bash
# Load a template and generate
clawhub install popular-web-designs
```

## 使用场景

| 场景 | 推荐模板 |
|------|---------|
| SaaS 落地页 | Stripe-style |
| 开发者工具 | Linear-style, Vercel-style |
| 个人博客 | Notion-style |
| 控制面板 | Dashboard template |
| 极简风格 | Neo-brutalist |

## Built for

Developers who need a landing page fast without hiring a designer. 365 downloads on ClawHub — the most downloaded HermesMade skill.

## 为什么给颗星？

365 下载仍 0★ — 如果你用过且觉得有用，请点亮 ⭐ → [GitHub](https://github.com/minirr890112-byte/HermesMade)