Home / nahid-sparktales / agent-dispatcher · GitHub

frontend-design SKILL.md skillA

frontend-design from nahid-sparktales/agent-dispatcher is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned

mdr add nahid-sparktales/agent-dispatcher/frontend-design@git:20260919.a0d4f55

Pins git:20260919.a0d4f55 in mdr.lock. Pin the fingerprint instead.

Audit grade: A, 17 of 17 checks passed
Kind: SKILL.md skill
Repository: nahid-sparktales/agent-dispatcher
Path: skills/design/frontend-design/SKILL.md
Versions recorded: 1
Latest version: git:20260919.a0d4f55, committed Sep 19, 2026
Size: 6,160 bytes
Repository stars: 58
License: MIT

Establish a visual direction for new or reshaped UI so it reads as designed for this product rather than assembled from defaults — hierarchy, typography, colour, spacing, density. Use when building a new surface, when something looks templated and needs a direction rather than a tweak, or when asked to make an interface feel considered. Prefer the official Anthropic frontend-design skill when it is installed; this is the local counterpart for when it is not. Not for critiquing an existing…

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

Defaults compose into something that looks like everyone else's work. A direction is a small set
of decisions made once, deliberately, and applied consistently — not decoration added at the end.

## When this fires

A surface is new, or is being reshaped, and the visual decisions are genuinely yours to make. It
does not fire when a design system already decides type, colour and spacing — there, overriding it
is a defect rather than a direction, and `design-systems` applies. It does not fire for judging an
interface that already exists; that is `ui-audit`.

## Procedure

1. **Look before deciding.** Read the screens that ship next to this one, any existing tokens or
   brand material, and the platform's own conventions. A direction that ignores its neighbours is
   a second direction, not a better one. If brand material exists and you have not read it, stop
   and read it.
2. **Name the register in one sentence** — who it is for, what it should feel like, and one thing
   it must *not* feel like. "Dense and factual, for people who live in it all day; not a marketing
   page." Every decision below gets checked against that sentence. Skip this and you will pick by
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint

mdr add nahid-sparktales/agent-dispatcher/frontend-design@sha256:4bdaa3d321f6a48d

The line at the top of this page pins the label git:20260919.a0d4f55, 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.

Badge

[![mdr](https://markdownregistry.com/badge/art_frbxr3n4emhf7osx.svg)](https://markdownregistry.com/a/art_frbxr3n4emhf7osx)

4 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Sep 19, 2026.

version	committed	commit	size	audit
git:20260919.a0d4f55 latest	2026-09-19	a0d4f55	6,160 B	A	view

Audit of the latest version

A 17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.

pass: Frontmatter block present
pass: Frontmatter declares a name
pass: Frontmatter declares a description
pass: Size between 200 bytes and 200 KB (6160 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

GitHub

nahid-sparktales/agent-dispatcher · 58 stars · license MIT · pushed 2026-10-24 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_frbxr3n4emhf7osx
GET https://markdownregistry.com/api/v1/resolve?ref=nahid-sparktales/agent-dispatcher/frontend-design
GET https://markdownregistry.com/api/v1/blob/4bdaa3d321f6a48db3922ccbfdb8c303d2871d8a83c37b5e551672cbe86ae392

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 nahid-sparktales/agent-dispatcher

agent-dispatcher SKILL.md skill

nahid-sparktales/agent-dispatcher · skills/agent-dispatcher/SKILL.md · Handle requested Agent Dispatcher work with direct execution or prepared specialist guidance. Includes named roles…

git:20260926.d1b76c1 · audit A · 58 stars

agent-design SKILL.md skill

nahid-sparktales/agent-dispatcher · skills/ai/agent-design/SKILL.md · Scope an agent or subagent before it is built — the one job it owns, the smallest tool set that closes that job, what…