frontend-design-review SKILL.md skillA
frontend-design-review from jimyag/dotfiles is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add jimyag/dotfiles/frontend-design-review@git:20261015.b377f6bPins git:20261015.b377f6b in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- jimyag/dotfiles
- Path
skills/frontend-design-review/SKILL.md- Versions recorded
- 5
- Latest version
- git:20261015.b377f6b, committed Oct 15, 2026
- First version recorded
- Aug 10, 2026
- Size
- 2,707 bytes
- Repository stars
- 11
- License
- MIT
在确定或审查前端页面、落地页、作品集和重新设计的视觉方向时使用；区分只读审查、方向建议和已授权实现，并用真实截图或渲染验证视觉结论。不用于纯业务逻辑、状态管理或已经有明确设计稿的机械实现。.
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
# 前端设计读题与审查 ## 工作模式 - **review**：默认模式。只报告具体视觉、层级、品牌和可用性问题，不修改文件。 - **direction**：给出一个推荐方向、关键设计语言和必要取舍，不生成多套泛化主题。 - **implement**：仅在用户明确要求修改页面时进入。沿用项目设计系统，修改后用实际渲染或截图复核。 ## 最小流程 1. 确认模式、页面类型、受众、已有设计系统和用户给出的参考；只检查视觉外观时，不扩展到数据流或业务逻辑。 2. 用一句话声明页面理解和约束。若两个方向会产生实质不同结果，只问一个能决定方向的问题。 3. review/direction 模式按需阅读 [审查与方向启发](references/review-heuristics.md)，只使用与当前页面有关的检查项。 4. review 模式基于真实截图、渲染结果或明确的代码位置排序问题；无法看到页面时说明证据缺口，不把代码推断写成已观察事实。 5. direction 模式只推荐一个方向，并解释它如何服务受众、品牌和使用频率。 6. implement 模式先记录现状和约束，再做最小修改；使用任何可用浏览器或渲染工具检查主要桌面视口、窄屏、溢出、遮挡、键盘焦点和关键交互状态。 7. implement 模式，或 review 需要给出具体 CSS、动效、组件或文案修改时，按需阅读 [实现与交付检查](references/implementation-craft.md)：沿用已有组件、参考来源、默认禁用写法、动效、可访问性、内容真实性、渲染验证和选项。 如果用户给了明确设计稿且只要求机械实现，或问题只涉及 API、状态管理和业务逻辑，不使用本技能。后台工具仅需常规密度和可用性修正时，优先遵循项目已有设计系统。 ## 输出要求 - review：页面理解、按影响排序的问题、证据位置和最小建议。 - direction：一个推荐方向、适用理由和关键设计变量；只有具体限制会改变选择时才说明。 - implement：修改内容、实际渲染视口和结果、未检查状态。 避免泛泛说“更现代”“更高级”；建议要落到布局、层级、颜色、字体、动效、资产或文案。没有实际渲染证据时，只能报告代码层修改，不能声称视觉结果已验证。
Read the whole file at its exact version.
How to install
mdr add jimyag/dotfiles/frontend-design-review@sha256:edf755829576fc86The line at the top of this page pins the label git:20261015.b377f6b, 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_4t25iutldcz62pxv)
3 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, between Aug 10, 2026 and Oct 15, 2026, about one every 17 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20261015.b377f6b latest | 2026-10-15 | b377f6b | 2,707 B | A | view · diff |
| git:20260920.878daed | 2026-09-20 | 878daed | 2,414 B | A | view · diff |
| git:20260919.7add278 | 2026-09-19 | 7add278 | 2,384 B | A | view · diff |
| git:20260905.751659e | 2026-09-05 | 751659e | 2,849 B | A | view · diff |
| git:20260810.2f916d1 | 2026-08-10 | 2f916d1 | 2,755 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 (2707 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
jimyag/dotfiles · 11 stars · license MIT · pushed 2026-10-20 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_4t25iutldcz62pxv GET https://markdownregistry.com/api/v1/resolve?ref=jimyag/dotfiles/frontend-design-review GET https://markdownregistry.com/api/v1/blob/edf755829576fc865d02472e4d69b78c9abe42246049e46ce1f054ab745cd9ca
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.