Frontend Design Review

设计多媒体

frontend-design-reviewmicrosoft

技能概述

**官方来源**: Microsoft (MIT) 审查并创建高质量、无障碍、差异化前端界面 **支持能力**： 1. 审查并创建高质量、无障碍、差异化前端界面 2. 按官方 `SKILL.md` 工作流提供任务级指导。 3. 通过 references / scripts / assets 等资源实现渐进式披露。 4. 在任务匹配时触发，减少无关上下文占用。

安装指南

npx skills add microsoft/skills --skill frontend-design-review

npx skills add microsoft/skills --skill frontend-design-review

安装后应把 Skill 目录放入兼容 Agent 的 skills 目录；Agent 发现任务与 Skill 描述匹配后再加载完整指令。

使用说明

用户提出视觉设计、品牌、网页界面或视觉产物需求时触发；先理解目标与约束，再按技能流程生成/审查产物。

目录结构建议

frontend-design-review/
├── SKILL.md                 # 技能入口、触发条件与完整工作流
├── LICENSE.txt              # 上游许可证（按原包保留）
├── references/              # 可选：官方参考资料/规范
├── scripts/                 # 可选：官方辅助脚本
└── assets/                  # 可选：官方资源、模板、字体或图标

标签：设计多媒体 / Microsoft / Agent Skill / Official

兼容性：优先标注经过官方文档验证的 Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot、OpenCode 等；不要在未验证时写“全平台”。

安全/权限：如果 Skill 执行脚本、访问文件、调用外部 API、写入第三方系统或需要凭证，应显示权限等级，并在安装前提示用户。远程 Skill 安装/激活本身可能需要用户授权。

兼容 Agent

Claude Code;Codex;Cursor;Gemini CLI;GitHub Copilot;OpenCode

安全等级

Standard