ultimate-frontend-skills SKILL.md skillA

ultimate-frontend-skills from ridelink0/ultimate-frontend-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add ridelink0/ultimate-frontend-skills/ultimate-frontend-skills@git:20261101.af1e208

Pins git:20261101.af1e208 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
ridelink0/ultimate-frontend-skills
Path
skills/ultimate-frontend-skills/SKILL.md
Versions recorded
6
Latest version
git:20261101.af1e208, committed Nov 1, 2026
First version recorded
Sep 26, 2026
Size
12,608 bytes
Repository stars
7
License
MIT

Use whenever a website, landing page, marketing site, portfolio, microsite, homepage, any public-facing web page, an app screen (mobile, desktop, PWA, Expo), or a game's site, start screen, menu or HUD is being built, redesigned, restyled, or made to "look better" - including plain HTML/CSS pages, Next/React/Astro sites, React Native screens, canvas and three.js games, and single-file pages. Also for motion graphics and company videos (an explainer, a launch film, a brand reel) and for editing…

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

# Ultimate Frontend Skills

The studio's house style, and the code that produces it: a pinned art
direction for projects without an existing design. A supplied or selected
Claude Design project takes precedence.

## Where the scripts are

Every `node "${CLAUDE_PLUGIN_ROOT}/scripts/..."` command here runs from the
plugin root. Installed as a Claude Code plugin, that is set. Codex
leaves it empty; there, use the folder that holds `.codex-plugin/`, two levels
above this file. Installed as a bare skill (`npx skills add`, or a copy under
`~/.claude/skills` or `~/.agents/skills`), only this folder is on the machine
and `${CLAUDE_PLUGIN_ROOT}` is empty or literal. Then:

1. Look for a clone of github.com/ridelink0/ultimate-frontend-skills (a folder
   holding `scripts/webdesign.mjs` beside a `.claude-plugin/plugin.json` named
   `ultimate-frontend-skills`) and use it as the root.
2. If there is none, the scaffolder, the audit, the render check and verify are
   not on this machine. Say so once, build from the references and `assets/`,
   and never report an audit, a render check or a verify as run. The full
   install is `git clone https://github.com/ridelink0/ultimate-frontend-skills`
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add ridelink0/ultimate-frontend-skills/ultimate-frontend-skills@sha256:08cb44972bed8da1

The line at the top of this page pins the label git:20261101.af1e208, 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_4vcxzul3ixujh3pp.svg)](https://markdownregistry.com/a/art_4vcxzul3ixujh3pp)

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

Versions

The registry has recorded 6 versions of this file, between Sep 26, 2026 and Nov 1, 2026, about one every 7 days.

versioncommittedcommitsizeaudit
git:20261101.af1e208 latest2026-11-01 af1e208 12,608 BA view · diff
git:20260928.b3c70632026-09-28 b3c7063 12,147 BA view · diff
git:20260928.bedf9902026-09-28 bedf990 24,890 BA view · diff
git:20260928.5a612132026-09-28 5a61213 24,721 BA view · diff
git:20260928.84a21932026-09-28 84a2193 24,530 BA view · diff
git:20260926.3177a942026-09-26 3177a94 24,239 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 (12608 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

ridelink0/ultimate-frontend-skills · 7 stars · license MIT · pushed 2026-11-06 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_4vcxzul3ixujh3pp
GET https://markdownregistry.com/api/v1/resolve?ref=ridelink0/ultimate-frontend-skills/ultimate-frontend-skills
GET https://markdownregistry.com/api/v1/blob/08cb44972bed8da160a69ce1fd3253e9a9f58c197c31f84810c220e05c4f4289

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 ridelink0/ultimate-frontend-skills

AGENTS.md AGENTS.md file
ridelink0/ultimate-frontend-skills · AGENTS.md
git:20261101.af1e208 · audit A · 7 stars
DESIGN.md@packs/bergside-awesome-design-skills/agentic DESIGN.md file
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/agentic/DESIGN.md
git:20260921.cdae51f · audit A · 7 stars
agentic SKILL.md skill
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/agentic/SKILL.md · Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
git:20260921.6026393 · audit A · 7 stars
DESIGN.md@packs/bergside-awesome-design-skills/ant DESIGN.md file
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/ant/DESIGN.md
git:20260921.cdae51f · audit A · 7 stars
ant SKILL.md skill
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/ant/SKILL.md · Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web…
git:20260921.6026393 · audit A · 7 stars
DESIGN.md@packs/bergside-awesome-design-skills/artistic DESIGN.md file
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/artistic/DESIGN.md
git:20260921.cdae51f · audit A · 7 stars
artistic SKILL.md skill
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/artistic/SKILL.md · High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
git:20260921.cdae51f · audit A · 7 stars
DESIGN.md@packs/bergside-awesome-design-skills/basic DESIGN.md file
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/basic/DESIGN.md
git:20260921.cdae51f · audit A · 7 stars
basic SKILL.md skill
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/basic/SKILL.md · Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
git:20260921.6026393 · audit A · 7 stars
DESIGN.md@packs/bergside-awesome-design-skills/bento DESIGN.md file
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/bento/DESIGN.md
git:20260921.cdae51f · audit A · 7 stars
bento SKILL.md skill
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/bento/SKILL.md · Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized…
git:20260921.6026393 · audit A · 7 stars
DESIGN.md@packs/bergside-awesome-design-skills/bold DESIGN.md file
ridelink0/ultimate-frontend-skills · packs/bergside-awesome-design-skills/bold/DESIGN.md
git:20260921.cdae51f · audit A · 7 stars

Every file in ridelink0/ultimate-frontend-skills

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