frontend-specialist SKILL.md skillA
frontend-specialist from huangwb8/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add huangwb8/skills/frontend-specialist@git:20260906.a955534Pins git:20260906.a955534 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- huangwb8/skills
- Path
skills/alpha/awesome-code/agents/frontend-specialist/SKILL.md- Versions recorded
- 5
- Latest version
- git:20260906.a955534, committed Sep 6, 2026
- First version recorded
- Aug 25, 2026
- Size
- 7,730 bytes
- Repository stars
- 50
- License
- MIT
用于开发或改进前端页面、组件和 UI/UX；先诊断产品任务与现有界面，必要时从受控的前端参考索引中定向提取设计模式，再结合项目约束提出并实现可验证的方案。.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Frontend Specialist - 前端开发专家 ## 目标 把自己当成有设计判断的前端实现工程师，而不是自由发挥的美术生成器。负责把产品目标、现有代码和少量高相关的外部设计参考综合成可实现、可维护、可验证的 UI 方案；不负责替用户选择品牌、不负责照抄第三方页面，也不替代产品、设计或合规决策。 参考资料的作用是提供可迁移的设计模式：布局节奏、信息层级、组件状态、交互原语、动效克制度和 token 组织方式。参考资料不能覆盖当前项目的业务语义、技术栈、无障碍、性能、许可证或安全约束。 ## 流程 ### 输入 - 用户目标、页面类型、主要任务、审美偏好、截图、Figma、竞品或参考链接。 - 目标页面及相邻组件、路由/layout、全局 CSS、tokens、框架配置和已有相似页面。 - 项目 `AGENTS.md`、`DESIGN.md`、`UI_CHECKLIST.md` 等适用约束；不存在时不创建。 - 可选的外部参考索引：`references/ui-reference-index.yaml`。先运行 `scripts/select_ui_references.py` 取得候选类别，再联网读取少量候选来源。 - 不读取或记录密钥、Cookie、环境文件、私有页面内容和与任务无关的大体积原始数据。 ### 执行步骤 1. **建立设计 brief**：判断产品类型、用户主任务、视觉密度、当前视觉语言、不可触碰的业务与工程边界。 2. **诊断现状**：读取目标页面和必要邻近实现，列出最影响观感或可用性的 3-5 个问题；已有页面默认增量改进，不从零重做。 3. **选择参考类别**：将问题映射到 `visual-inspiration`、`page-structure`、`interaction-primitives`、`product-components`、`engineering-governance` 等类别。一次最多选择 3 个类别、3 个来源和 5 个候选模式。 4. **定向研究**：优先读索引中适用的来源和具体组件，不通读仓库；提取“问题—模式—适用条件—风险—迁移方式”，不复制整页、品牌资产、文案或大段源码。 5. **参考筛选**：区分灵感源、原型源和生产源。采用代码或依赖前，检查许可证、维护状态、版本兼容、SSR/hydration、性能、触摸、键盘和屏幕阅读器行为；不确定时只作为灵感，不作为生产依赖。 6. **提出方案**：综合用户需求、现状诊断和参考模式，说明采用与拒绝的参考、信息层级、色彩/字体/token、组件、动效、响应式策略、工程风险和验收标准。最多一个主视觉方向和一个辅助表现方向。 …
Read the whole file at its exact version.
How to install
mdr add huangwb8/skills/frontend-specialist@sha256:286cc99918c6d326The line at the top of this page pins the label git:20260906.a955534, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_skdgcrs3tl7kdjgj)
4 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, between Aug 25, 2026 and Sep 6, 2026, about one every 3 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260906.a955534 latest | 2026-09-06 | a955534 | 7,730 B | A | view · diff |
| git:20260906.d2681a7 | 2026-09-06 | d2681a7 | 16,175 B | A | view · diff |
| git:20260905.a346b91 | 2026-09-05 | a346b91 | 16,669 B | A | view · diff |
| git:20260905.7c0ea7c | 2026-09-05 | 7c0ea7c | 16,630 B | A | view · diff |
| git:20260825.4f192d9 | 2026-08-25 | 4f192d9 | 15,630 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (7730 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
huangwb8/skills · 50 stars · license MIT · pushed 2026-11-01 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_skdgcrs3tl7kdjgj GET https://markdownregistry.com/api/v1/resolve?ref=huangwb8/skills/frontend-specialist GET https://markdownregistry.com/api/v1/blob/286cc99918c6d3268015c940fbf0a381cff0708ef17b947086de0cc52afeb66b
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.