SuperAPI AI 工具集

frontend-design-pointer

设计与创作

查看项目

更新于 10-24 00:39

技能介绍

用途

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

限制与注意事项

  • 不应把上游技能复制进本库,而应指向它,以便用户获得作者更新。
  • 不要与其他设计技能一起安装并同时加载,每个阶段只用一个。
  • 不应用于覆盖既有品牌;方向技能适用于尚不存在方向的情况。
  • 具体的收费、价格、平台支持等信息暂未提供。