frontend-design SKILL.md skillA
frontend-design from ninjasln-labs/agent-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add ninjasln-labs/agent-skills/frontend-design@v1.2.0Pins v1.2.0 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- ninjasln-labs/agent-skills
- Path
frontend-design/SKILL.md- Versions recorded
- 5
- Latest version
- v1.2.0, committed Oct 2, 2026
- First version recorded
- Aug 3, 2026
- Size
- 12,735 bytes
- Repository stars
- 3
- License
- none declared
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, color, motion, and interface copy that doesn't read as templated defaults. Use when designing or restyling a web page, landing page, dashboard, or app UI; when choosing fonts, palettes, layout, or a signature visual element; or when generated design looks generic and needs a stronger point of view. NOT for: accessibility/WCAG compliance review, UI…
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 Design ## 中文速览（Quick Guide） - **做什么**：指导新建或重塑界面时做出有明确观点的视觉设计，定调色板、字体、版面、动效与文案，避免生成物像模板。 - **何时用**：设计或重做网页、落地页、仪表盘与应用界面，或要挑字体／配色／版面、给界面一个签名式视觉元素时；不用于 WCAG 合规评审、UI 代码评审与营销文案。 - **核心步骤**：①先把题目定死（一个具体主体、受众、页面唯一职责）②按正文列的设计原则定方向：hero、字体配对、结构即信息、动效、复杂度匹配、文案 ③走「头脑风暴→探索→计划→批判→做→再批判」的流程 ④对照正文的默认长相清单与克制／自检要求收尾。 - **国内可达性**：本技能为纯设计方法与写作指导，不抓取外部数据、不依赖境外在线服务。 Approach this as the design lead at a small studio known for giving every client a visual identity that could not be mistaken for anyone else's. This client has already rejected proposals that felt templated, and is paying for a distinctive point of view: make deliberate, opinionated choices about palette, typography, and layout that are specific to this brief, and take one real aesthetic risk you can justify. ## Ground it in the subject …
Read the whole file at its exact version.
How to install
mdr add ninjasln-labs/agent-skills/frontend-design@sha256:071c5c5fcc9c7355The line at the top of this page pins the label v1.2.0, 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_n6g6puc6fmygf4jz)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, between Aug 3, 2026 and Oct 2, 2026, about one every 15 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| v1.2.0 latest | 2026-10-02 | 6a4995b | 12,735 B | A | view · diff |
| v1.1.0 | 2026-09-29 | 0febb7a | 11,826 B | A | view · diff |
| v1.0.2 | 2026-09-22 | 75c75c0 | 8,700 B | A | view · diff |
| v1.0.0 | 2026-09-07 | 571fb57 | 8,351 B | A | view · diff |
| git:20260803.88cd167 | 2026-08-03 | 88cd167 | 8,285 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 (12735 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
ninjasln-labs/agent-skills · 3 stars · license none declared · pushed 2026-10-05 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_n6g6puc6fmygf4jz GET https://markdownregistry.com/api/v1/resolve?ref=ninjasln-labs/agent-skills/frontend-design GET https://markdownregistry.com/api/v1/blob/071c5c5fcc9c73551bd5c2c1657afd5947fea27f7ce86bd3e9851193a878fe19
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.
More from ninjasln-labs/agent-skills
Every file in ninjasln-labs/agent-skills