网页技能

103 个让 Claude Code 产出成品页面的技能——落地页、作品集站点、UI 组件和数据视图。全部本地渲染,运行不花钱。

103 个技能 · 32 个满分 · 12 个免费 · 全部经过渲染与评分

这些技能产出什么

落地页与营销页

单页,承载一个信息和一个行动号召。

作品集与站点模板

多板块站点,用于展示作品。

UI 组件与数据视图

可嵌入更大系统的组件和仪表板。

这些分数是怎么来的

每个技能都会被装进一个干净的工作区、用它自己的演示提示词跑一遍,产出物按你实际会拿到的样子渲染出来。然后由视觉模型审阅这些画面,从可读性、构图、以及产出是否兑现了技能的承诺三个方面打 1–5 分。低于 4 分的不予发布。这个分数不是人气指标——本站没有安装量和 star,因为目录还新,编造这类数字比不展示更糟。

在 Claude Code 里怎么用

1. 安装

打开技能页,把安装命令粘进 Claude Code,它会把技能写进 ~/.claude/skills。

2. 用自然语言提要求

描述你要什么。结构和风格由技能提供,内容由你提供。

3. 检查产出

每个技能都列明了需要你提供什么、会交付什么,据此判断这次跑得好不好。

全部 103 个网页技能

常见问题

运行要花钱吗?

不花。本地渲染,不需要生成 key。

能在哪些 agent 里用?

Claude Code、Codex、Cursor、Gemini CLI 和 OpenCode。