frontend SKILL.md skillA

frontend from code-yeongyu/oh-my-openagent is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add code-yeongyu/oh-my-openagent/frontend@git:20260923.b55e5ce

Pins git:20260923.b55e5ce in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
code-yeongyu/oh-my-openagent
Path
packages/skills-loader-core/src/features/builtin-skills/frontend/SKILL.md
Versions recorded
7
Latest version
git:20260923.b55e5ce, committed Sep 23, 2026
First version recorded
Aug 21, 2026
Size
21,045 bytes
Repository stars
70,648
License
a license file GitHub does not identify

Builds, styles, and polishes web UI and UX. Use for any frontend, page, component, styling, layout, animation, or visual-quality task, or when asked to make an interface look or feel a certain way.

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

This file is a router, not a rulebook. The rules live in four rulesets under `references/`, and reading them is the work, not the preamble to it. Before touching any file, name the references the request routes to and the one reason each is needed, then read exactly those. Declaring the set first is what makes the choice reviewable: a reference you never named is one you decided to skip, and a reference you named but never opened is a gap you still owe. Freestyling past the routed set produces the generic AI-slop output this skill exists to prevent.

**The bar is not clean-and-correct — it is work a senior designer at Linear, Stripe, or Supabase would ship.** Correct-but-flat is a failure, not a finish. Protect the surface as hard as you protect the build: design is a first-class deliverable, not a one-shot decision you lock and walk away from.

## Phase 0 — Route (before any UI work)

| Request involves… | Read |
|---|---|
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add code-yeongyu/oh-my-openagent/frontend@sha256:f5c207e2ec5bbc1f

The line at the top of this page pins the label git:20260923.b55e5ce, 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_s52dyiib2iaisbbo.svg)](https://markdownregistry.com/a/art_s52dyiib2iaisbbo)

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

Versions

The registry has recorded 7 versions of this file, between Aug 21, 2026 and Sep 23, 2026, about one every 5 days.

versioncommittedcommitsizeaudit
git:20260923.b55e5ce latest2026-09-23 b55e5ce 21,045 BA view · diff
git:20260921.593b0de2026-09-21 593b0de 21,046 BA view · diff
git:20260914.6cb374b2026-09-14 6cb374b 20,391 BA view · diff
git:20260910.63441382026-09-10 6344138 20,306 BA view · diff
git:20260904.b8fc3a62026-09-04 b8fc3a6 18,967 BA view · diff
git:20260825.b4ac0122026-08-25 b4ac012 19,557 BA view · diff
git:20260821.f8bbfaf2026-08-21 f8bbfaf 19,556 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 (21045 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

code-yeongyu/oh-my-openagent · 70,648 stars · license a license file GitHub does not identify · pushed 2026-11-03 · branch dev

API

GET https://markdownregistry.com/api/v1/artifacts/art_s52dyiib2iaisbbo
GET https://markdownregistry.com/api/v1/resolve?ref=code-yeongyu/oh-my-openagent/frontend
GET https://markdownregistry.com/api/v1/blob/f5c207e2ec5bbc1fe8b91ca3d1f2d42a73168dc6b72aed47a0f5f812411c8055

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 code-yeongyu/oh-my-openagent

AGENTS.md@.agents AGENTS.md file
code-yeongyu/oh-my-openagent · .agents/AGENTS.md
git:20260923.2f99bd2 · audit A · 70,648 stars
codex-qa SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/codex-qa/SKILL.md · QA the omo Codex Light edition (lazycodex / packages/omo-codex) itself, in strict isolation so ONLY our plugin is…
git:20260923.2f99bd2 · audit A · 70,648 stars
get-unpublished-changes SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/get-unpublished-changes/SKILL.md · Compare HEAD with the latest published npm versions and list all unpublished changes by release layer. Triggers…
git:20260801.03121f8 · audit A · 70,648 stars
github-triage SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/github-triage/SKILL.md · Read-only GitHub triage for issues AND PRs. 1 item = 1 background task (category: quick). Analyzes all open items and…
git:20260513.2146071 · audit A · 70,648 stars
hyperplan SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/hyperplan/SKILL.md · Adversarial multi-agent planning skill. Self-orchestrates 5 hostile category members (unspecified-low…
git:20260923.573d36a · audit A · 70,648 stars
omomomo SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/omomomo/SKILL.md · Easter egg command - about oh-my-opencode. Triggers: omomomo, about, easter egg.
git:20260731.b3b45cd · audit A · 70,648 stars
opencode-qa SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/opencode-qa/SKILL.md · QA opencode itself, per case: verify the CLI/terminal (opencode run, db, serve, export), prove a specific plugin…
git:20260708.0806e41 · audit B · 70,648 stars
pre-publish-review SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/pre-publish-review/SKILL.md · Nuclear-grade 12-agent pre-publish release gate. Runs /get-unpublished-changes to detect all changes since last npm…
git:20260904.cd0c0a3 · audit A · 70,648 stars
publish SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/publish/SKILL.md · Publish oh-my-opencode to npm by triggering the GitHub Actions publish workflow and verifying its artifacts. Ship-only…
git:20261025.4b02a69 · audit A · 70,648 stars
remove-deadcode SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/remove-deadcode/SKILL.md · Remove unused code from this project with ultrawork mode, LSP-verified safety, atomic commits. Triggers: remove dead…
git:20260920.2a3e860 · audit A · 70,648 stars
security-research SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/security-research/SKILL.md · Team Mode security research skill. Orchestrates 3 vulnerability hunters and 2 PoC engineers to audit a codebase in…
git:20260920.2a3e860 · audit A · 70,648 stars
senpi-qa SKILL.md skill
code-yeongyu/oh-my-openagent · .agents/skills/senpi-qa/SKILL.md · QA the omo Senpi adapter (packages/omo-senpi, packages/senpi-task) against the REAL senpi binary in strict isolation…
git:20260923.2f99bd2 · audit A · 70,648 stars

Every file in code-yeongyu/oh-my-openagent

Other files named frontend

frontend SKILL.md skill
code-yeongyu/oh-my-openagent · packages/shared-skills/skills/frontend/SKILL.md · Builds, styles, and polishes anything drawn with HTML, CSS, or SVG: web UI, pages, components, HTML reports rendered to…
git:20261029.39a2827 · audit A · 70,648 stars
frontend SKILL.md skill
sipyourdrink-ltd/bernstein · templates/skills/frontend/SKILL.md · React / Next.js UI, state, accessibility.
git:20260419.8d1fdd1 · audit A · 1,289 stars
frontend SKILL.md skill
notque/vexjoy-agent · skills/frontend/frontend/SKILL.md · Frontend: UI design, distinctive visual styles, HTML artifacts, Three.js 3D.
git:20261019.4f1e3cd · audit B · 445 stars
frontend SKILL.md skill
oyadotai/oya-browser · .agents/skills/frontend/SKILL.md · Use when building or changing anything in the frontend: a page, a component, a layout, styling, copy on screen…
git:20261021.2ea469d · audit A · 351 stars
frontend SKILL.md skill
oyadotai/oya-browser · .claude/skills/frontend/SKILL.md · Use when building or changing anything in the frontend: a page, a component, a layout, styling, copy on screen…
git:20261021.2ea469d · audit A · 351 stars
frontend SKILL.md skill
romiluz13/cc10x · plugins/cc10x/skills/frontend/SKILL.md · Two-mode frontend skill: (1) authoring — accessibility, responsive layout, loading/error states, performance, DESIGN.md…
git:20260719.252ad11 · audit A · 166 stars
frontend SKILL.md skill
nerds-odd-e/doughnut · .agents/skills/frontend/SKILL.md · Vue frontend — components, Vitest, generated API client, apiCallWithLoading, DaisyUI. Read this first for any frontend…
git:20261010.b42772f · audit B · 50 stars
frontend SKILL.md skill
byerlikaya/claude-starter-kit · plugin/skills/frontend/SKILL.md · Stack-agnostic frontend discipline (web · mobile · desktop): component structure, state, data…
git:20261002.8bbdc23 · audit A · 26 stars

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