一次提示即可生成登陆页面
描述您的产品。该技能已经具有英雄、功能网格、定价和常见问题解答，因此代理会将您的副本写入有效的布局中。
登陆页面或完整网站 · 您当前网站的部分 · 作品集或简历
Website Template Skills for AI agents
Each Skill is one tested website design. Install it, describe your product, and Claude Code, Codex or Cursor builds the landing page, portfolio or full site as working HTML.
Works in
选择一种网页设计技能开始
网页设计技能可以为您的智能体带来什么
这里的每项Claude设计技能都是一个包含说明、布局参考和检查的文件夹。当您请求页面时，您的智能体会加载它，因此设计决策已经做出。
保持一致的模板
作品集、SaaS 网站和在线商店在您添加的每个页面上保持相同的类型、间距和动作。
作为代码提供的前端设计
每次运行都会以一个 HTML 文件结束，您可以打开、编辑和部署。 Claude Code、Codex 和 Cursor 都读取相同的 SKILL.md。
查找适合您角色的网页设计技能
Each role page picks the Skills that fit that job best.
如何利用技能建立网站
Three steps in Claude Code, Codex or Cursor. No design app needed.
- 1
Paste the install prompt
Copy the install prompt into your agent, or run the command below. The Skill lands in your agent's skills folder.
Download the ZIP from this Skill page, extract it, and follow SKILL.md. - 2
Call it with a slash
Type a slash and the Skill name, then say what you want in plain words.
/bs-scattered-cards-magazine Build a responsive landing page from this brief, copy, and brand kit. - 3
Review and ship
Open the file it made, ask for changes in the same chat, then publish or hand it off.
index.html
为什么使用网页设计技能而不是提示？
| Aspect | A plain prompt | A Skill |
|---|---|---|
| 布局 | 每次运行都会再次发明 | 经过测试的英雄、网格和页脚 |
| 版式 | 默认系统字体 | 选择的字体比例和配对 |
| 一致性 | 每个页面看起来都不一样 | 每个页面都遵循一个系统 |
| Output | 无论模型写什么 | 已检查的 HTML 文件，准备打开 |
Every Skill, one plan
Install any Skill on this page and every new one we add. Cancel anytime.
Cancel anytime
Monthly
US$8.99 / month
Full Premium access, billed monthly.
- Access all Premium Skills
- Install from the web or CLI
- Secure browser-authorized CLI access
- Ongoing Skill updates
- New Premium Skills included
- Cancel whenever you need
Annual membership
Most popularYearly
US$69.00 / year
Full Premium access for a lower annual price.
- Access all Premium Skills
- Install from the web or CLI
- Secure browser-authorized CLI access
- Ongoing Skill updates
- New Premium Skills included
- Cancel whenever you need
Pay once · Founding price
Founding offerFounding Lifetime
US$159.00 one-time
Founding price — increases as the library grows.
- Access all Premium Skills
- Install from the web or CLI
- Secure browser-authorized CLI access
- Ongoing Skill updates
- New Premium Skills included
- No subscription or renewal bill
Cancel anytime. Payments are non-refundable.
网页设计技巧常见问题解答
什么是网页设计技能？
一个包含 SKILL.md、布局参考和检查的文件夹，可教您的 AI 智能体进行一种经过验证的网站设计。当您请求页面时，智能体会加载它。
Claude Code 可以用技能建立一个网站吗？
是的。将 Skill 安装到 Claude Code 中，描述站点，然后它会按照 Skill 的布局编写 HTML。 Codex 和 Cursor 的工作方式相同。
我可以获得 HTML、React 或 Figma 文件吗？
大多数网页设计技能都会提供有效的 HTML 文件。有些还在其详细信息页面上命名 Next.js 或组件输出；没有人提供 Figma 文件。
网站模板是免费的吗？
有些是。免费技能带有免费标签；其余的都包含在 Pro 中，或者可以一次购买一个。