OfficialContent软件开发
Frontend Design 技能
前端设计与 UI/UX 开发指导：产出高质量界面代码，消除千篇一律的「AI 风格」页面。
支持：Claude CodeClaude.ai
90
/100 百器建议
值得安装
前端开发者值得安装：直接针对「AI 生成页面同质化」问题，纯 Markdown 零风险。百器尚未实测。
它能做什么
生成有设计感的界面代码
遵循现代前端设计规范
规避模板化 AI 输出风格
什么时候值得安装
适合
- 直接解决「AI 生成页面同质化」痛点
- 纯 Markdown 无风险
不适合
- 非前端开发场景
环境与依赖核验
我们实际执行了安装与依赖检查，并把结果如实列出。这不等于能力实测—— 它只说明「环境层面能不能跑起来」，不说明「这个技能做得好不好」。
核验环境
Windows 11 · Node 24.15.0 · Python 3.12.10 · skills CLI 1.7.0
核验日期 2026-09-18
核验方法
在真实终端执行 `npx skills add` 安装，观察 Agent 会话技能目录是否识别；再逐条核对 SKILL.md「Dependencies」声明与本机实际（import/require/which），并尝试运行技能自带脚本。全程记录实际返回值，不做推断。
逐项结果（4/4 项通过）
- npx skills add 安装成功（落盘 .agents/skills/frontend-design）
- 安装后 Agent 会话能发现该技能（frontend-design 出现在可用技能目录）
- 技能为纯指导型（无脚本、无外部依赖）（仅 SKILL.md 指令，无可执行依赖，故无依赖缺失问题）
- SKILL.md 内含可执行的验收约束（明确列出 AI 味清单（色值 #D97757、SaaS 卡片套件、ALL-CAPS 眉标、→ 等），可客观比对）
核验中发现的问题
- 属指导型技能：无文件产出，能力评价依赖「Agent 按其规范产出的设计是否达标」，而非依赖是否能跑通。本站在无 A/B 对照的情况下不对其能力下结论。
百器实测的标准是什么？
- 「实测」的硬门槛：在真实 Agent 会话里，让 Agent 按 SKILL.md 自主完成一个真实任务，并做 A/B 对照（加载技能 vs 不加载）， 记录产出差异与失败。只有这样才标
已实测。 - 不算实测的：由我们编写脚本调用技能依赖的库 （如 docx-js、openpyxl）生成产物后自检——那只证明「写脚本的人会写代码」， 不证明「这个技能好」，因此不作为实测依据。
- 核验记录成功也记录失败，不挑好看的结果展示。
- 未达到上述门槛的技能，一律显示「未实测」，绝不用评分冒充实测。
安全状态
PASS
静态审核 · 风险等级 A Low
能力实测状态
未实测
需 Agent 会话内真实任务 + A/B 对照，尚未开展
获取这个 Skill
百器负责判断与测评，安装与版本由外部来源提供。
安装方式简单
/plugin install example-skills@anthropic-agent-skillsexample-skills 插件包含本技能。
核验与来源
- 核验状态
- 已核验
- 安全审核
- PASS
- 实测状态
- 未实测
- 最近核验
- 2026-09-14
证据来源（1）
- 官方仓库官方仓库2026-09-14
核验记录（1）
- 2026-09-14 · pass
产品变更（0）
未检测到事实变更。核验通过不等于产品未更新——此处只记录已确认的变化。
上游使用情况：官方示例。这是来源方声明的使用状态，不是百器的能力实测结果—— 详见上方「环境与依赖核验」，以及其中对实测标准的说明。