frontend-craft SKILL.md skillA

frontend-craft from vecnode/vncode is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add vecnode/vncode/frontend-craft@git:20261018.08374be

Pins git:20261018.08374be in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
vecnode/vncode
Path
packages/dsh-frontend-craft/skills/frontend-craft/SKILL.md
Versions recorded
3
Latest version
git:20261018.08374be, committed Oct 18, 2026
First version recorded
Oct 18, 2026
Size
15,712 bytes
Repository stars
10
License
AGPL-3.0

Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages, dashboards, product UI, components, forms, settings, onboarding, empty states, and native iOS or Android screens. Handles UX review, hierarchy, layout, typography, color, motion, UX copy, accessibility, responsive behavior, edge cases, and capturing or documenting design systems (DESIGN.md, tokens). Also for making bland 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

This skill gives you the tools and permission to make design that earns the name out-of-distribution craft. Work as an award-winning design director would: production-grade code, a clear POV, a deep grasp of what the client and its users need, and exceptional craft.

Core principles:
- Finish the job. No hedging, no shortcuts: the deliverable is complete, except assets the user must provide.
- Scale ambition to the surface's mode (see Modes). Persuade and Experience get full commitment: bold, distinct work with a point of view. On Operate and Read, ambition shows as precision and restraint, and patterns the visitor already knows earn their place.
- Verify by looking at the rendered result at the sizes it ships at, and batch the checks: fix what one look shows before looking again, rather than screenshotting after every tweak.

## Where this skill comes from

The craft corpus below is [Impeccable](https://github.com/pbakaus/impeccable) 4.6.0 by
Paul Bakaus, vendored at a pinned commit under the Apache-2.0 licence. The rules it
references are the same release's detector, compiled to WebAssembly and shipped inside
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add vecnode/vncode/frontend-craft@sha256:00aa2523ff4e419d

The line at the top of this page pins the label git:20261018.08374be, 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 badge

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

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

Versions

The registry has recorded 3 versions of this file, all committed on Oct 18, 2026.

versioncommittedcommitsizeaudit
git:20261018.08374be latest2026-10-18 08374be 15,712 BA view · diff
git:20261018.2871ed12026-10-18 2871ed1 15,488 BA view · diff
git:20261018.93740332026-10-18 9374033 14,476 BA 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 (15712 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

vecnode/vncode · 10 stars · license AGPL-3.0 · pushed 2026-10-20 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_fq3yxs24yrjtq7ve
GET https://markdownregistry.com/api/v1/resolve?ref=vecnode/vncode/frontend-craft
GET https://markdownregistry.com/api/v1/blob/00aa2523ff4e419dcaf588220d71e22dea2bd025fcca88b8cc9ea2476f01e143

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 vecnode/vncode

AGENTS.md AGENTS.md file
vecnode/vncode · AGENTS.md
git:20261020.ef66089 · audit A · 10 stars
web-render SKILL.md skill
vecnode/vncode · packages/dsh-browser/skills/web-render/SKILL.md · Render a web page on the host and measure it - screenshots, computed styles, element boxes and post-script text - when…
git:20261001.8e9f29e · audit A · 10 stars
diagram-design SKILL.md skill
vecnode/vncode · packages/dsh-diagrams/skills/diagram-design/SKILL.md · Author an editorial HTML+SVG diagram with the Diagram Design kit - choose the visual type, read its reference, start…
git:20261011.90817e1 · audit B · 10 stars
mermaid-diagrams SKILL.md skill
vecnode/vncode · packages/dsh-diagrams/skills/mermaid-diagrams/SKILL.md · Author Mermaid diagrams that parse the first time: choose the right diagram type for the question, write syntax the…
git:20260930.b3a6a0d · audit A · 10 stars
tikz-diagrams SKILL.md skill
vecnode/vncode · packages/dsh-diagrams/skills/tikz-diagrams/SKILL.md · Author TikZ/LaTeX diagrams that compile: use the host's prepared preamble, the right libraries, layout and plot…
git:20260920.25904b4 · audit A · 10 stars
docker-cli SKILL.md skill
vecnode/vncode · packages/dsh-docker/skills/docker-cli/SKILL.md · Control this machine's Docker or Podman engine through the docker_* tools - read the engine's state first, list…
git:20261019.180a84e · audit A · 10 stars
ffmpeg-cli SKILL.md skill
vecnode/vncode · packages/dsh-media/skills/ffmpeg-cli/SKILL.md · Drive ffmpeg through the media_run tool as an argv array - remux instead of re-encode, map streams explicitly, trim at…
git:20261019.180a84e · audit A · 10 stars
ffprobe-cli SKILL.md skill
vecnode/vncode · packages/dsh-media/skills/ffprobe-cli/SKILL.md · Read a media file's real structure with ffprobe through media_run - the JSON invocation and how to read it, what every…
git:20260929.381b0de · audit A · 10 stars
ollama-api SKILL.md skill
vecnode/vncode · packages/dsh-ollama/skills/ollama-api/SKILL.md · The Ollama REST API as it is on this machine - /api/generate and /api/chat with streaming NDJSON, /api/embed vs the…
git:20261019.54965a1 · audit B · 10 stars
ollama-inference-metrics SKILL.md skill
vecnode/vncode · packages/dsh-ollama/skills/ollama-inference-metrics/SKILL.md · What every Ollama timing field means and the arithmetic that turns it into a claim - tokens per second…
git:20261019.54965a1 · audit A · 10 stars
ollama-python SKILL.md skill
vecnode/vncode · packages/dsh-ollama/skills/ollama-python/SKILL.md · The `ollama` Python package used properly - chat and generate with streaming, embeddings, tool calling, structured…
git:20261019.54965a1 · audit B · 10 stars
pdf-analysis SKILL.md skill
vecnode/vncode · packages/dsh-pdf/skills/pdf-analysis/SKILL.md · Read and understand PDF documents with the pdf_* tools - inspect a document before reading it, extract text in reading…
git:20260929.381b0de · audit A · 10 stars

Every file in vecnode/vncode

Other files named frontend-craft

frontend-craft SKILL.md skill
vecnode/vn-code · packages/dsh-frontend-craft/skills/frontend-craft/SKILL.md · Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise…
git:20261018.08374be · audit A · 10 stars

Browse by kind, by grade A, or by owner.