用途
frontend-design-pointer 是一个指针(pointer)型技能,不复制上游内容,而是告诉使用者:Anthropic 的 frontend-design 技能在什么情况下是合适的工具、如何从源仓库安装、以及如何署名。该技能本身位于上游,此处不复现其内容。
主要能力
- 给出建议:判断上游技能是否适合当前任务。
- 提供安装命令,以及确认安装成功的方法。
- 说明其在 ui-design-pipeline 中的位置:第 1 阶段“方向(Direction)”。
- 提供署名信息:作者、许可证与链接。
使用方式
需要先了解的信息:
- 正在设计什么,以及是否已有视觉方向。
- 技能安装范围:仅当前项目,还是所有项目。
安装单个技能(使用开放的 skills CLI):
npx skills add https://github.com/anthropics/skills --skill frontend-design
另一种方式(按上游 README 记载,会安装包含该技能的整套示例):
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
确认安装:开启新会话,检查 frontend-design 是否出现在技能列表中。
适用场景
适合使用的情况:
- 开始新页面或新产品设计,尚未确定审美方向。
- 产出总是显得合格但缺乏区分度、彼此可替换。
- 希望在写代码之前,先对字体排版与视觉性格形成明确立场。
不适合使用的情况:
- 已存在设计系统且必须遵循,此时应进入流水线第 2 阶段。
- 需要评审已经构建完成的内容,应使用 impeccable-pointer 或本库的 design-critique。
- 需要验证渲染是否正确,应使用 playwright-cli-pointer。
名称冲突
本库在 pm-design 打包中也有一个名为 frontend-design 的技能,它是独立原创的同名技能。若两者都已安装,需说明指的是哪一个;二者均可用于“方向”阶段。
输出格式
- Pointer:frontend-design
- Fit:是否使用,一句话说明理由
- Install:所选范围的安装命令
- Check:如何确认已加载
- Next:后续流水线阶段
- Credit:作者、许可证、链接
署名信息
- 项目:frontend-design,属于 Anthropic 的 skills 仓库。
- 作者:Anthropic
- 许可证:Apache 2.0,见该技能自身的 LICENSE.txt;仓库没有统一的根许可证,其中部分其他技能仅为源码可见。
- 链接:https://github.com/anthropics/skills/tree/main/skills/frontend-design
- 核查日期:2026-09-28
限制与注意事项
- 不应把上游技能复制进本库,而应指向它,以便用户获得作者更新。
- 不要与其他设计技能一起安装并同时加载,每个阶段只用一个。
- 不应用于覆盖既有品牌;方向技能适用于尚不存在方向的情况。
- 具体的收费、价格、平台支持等信息暂未提供。