frontend-design SKILL.md skillA
frontend-design from sparq-org/sparq is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add sparq-org/sparq/frontend-design@git:20261005.afb6badPins git:20261005.afb6bad in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- sparq-org/sparq
- Path
.claude/skills/frontend-design/SKILL.md- Versions recorded
- 3
- Latest version
- git:20261005.afb6bad, committed Oct 5, 2026
- First version recorded
- Jun 20, 2026
- Size
- 19,634 bytes
- Repository stars
- 13
- License
- MIT
How sparq designs its TWO distinct frontends — the explanatory marketing-docs WEBSITE (site/, Next.js static export) and the operational desktop GUI (gui/, Tauri 2 + native engine). Covers the methodology that keeps them distinct, scannable, and honest: information architecture + content-reduction (fight "too much text"), explanatory-site patterns (show-don''t-tell, progressive disclosure, one killer artifact), operational-GUI patterns (workbench shell, command palette, keyboard-first), the…
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 (sparq) sparq ships **two** frontends that are deliberately **different products**, not two skins of one app. Conflating them is the single biggest design failure to avoid — and the one the maintainer flagged: *"the website has too much text; it is overwhelming."* The fix is not "trim words"; it is to keep each frontend doing only its own job. | | **Website** (`site/`) | **GUI** (`gui/`) | |---|---|---| | Audience | the RDF/SPARQL-**curious** dev evaluating *"is this real, should I care?"* | the dev who already decided and wants to **do work** | | Job | persuade + route + prove with a few live demos; link out for depth | operate the engine as a real tool over persistent local data | | Stack | Next.js `output: "export"`, React 19, Tailwind v4, radix/shadcn; GitHub Pages | Tauri 2 webview + **direct native-Rust engine link**; desktop bundle | | Shape | a small set of **pages** you read top-to-bottom | a **workbench shell**: rails + tabs + command palette, no marketing pages | | Content | marketing-docs: one-liner → demo → link to repo/SKILL.md/papers | operational: import → query → inspect → operate surfaces as tools | …
Read the whole file at its exact version.
How to install
mdr add sparq-org/sparq/frontend-design@sha256:fc8ce22175326d62The line at the top of this page pins the label git:20261005.afb6bad, 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_f6ncq3kc4b57i6ke)
4 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 3 versions of this file, between Jun 20, 2026 and Oct 5, 2026, about one every 54 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20261005.afb6bad latest | 2026-10-05 | afb6bad | 19,634 B | A | view · diff |
| git:20260711.f341755 | 2026-07-11 | f341755 | 19,644 B | A | view · diff |
| git:20260620.70bbd7b | 2026-06-20 | 70bbd7b | 17,425 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 (19634 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
sparq-org/sparq · 13 stars · license MIT · pushed 2026-10-29 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_f6ncq3kc4b57i6ke GET https://markdownregistry.com/api/v1/resolve?ref=sparq-org/sparq/frontend-design GET https://markdownregistry.com/api/v1/blob/fc8ce22175326d62f38a00abd08b3567a92f1f00ae764289a71b841b23392b19
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.