frontend SKILL.md skillB

This file is byte-identical to the first copy the registry indexed, one of 3 indexed copies. Same content hash, so the same checks give both the same grade.

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

Install it, pinned
mdr add crewrig/crewrig/frontend@git:20261018.1588e62

Pins git:20261018.1588e62 in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
crewrig/crewrig
Path
.agents/skills/frontend/SKILL.md
Versions recorded
2
Latest version
git:20261018.1588e62, committed Oct 18, 2026
First version recorded
Jun 20, 2026
Size
17,735 bytes
Repository stars
24
License
Apache-2.0

Practitioner-grade frontend reference: HTML semantics, CSS tokens, Tailwind, WCAG 2.1 AA, Core Web Vitals, asset optimization, framework-agnostic JavaScript. Activate when authoring or reviewing HTML, CSS, Tailwind config, accessibility audits, performance budgets, or framework-free UI work.

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

Practitioner reference for modern, framework-agnostic frontend work.
Activate whenever the change touches HTML, CSS, design tokens, Tailwind
configuration, accessibility, asset delivery, or vanilla JavaScript
concerns that are not bound to a specific framework. Framework wiring
(Astro, React, Vue, Svelte) belongs to its dedicated specialist — this
skill stops at the platform boundary.

## When to activate

- Writing or reviewing HTML markup, including semantic structure and
  forms.
- Authoring CSS, design tokens, or Tailwind configuration.
- Running an accessibility audit against WCAG 2.1 AA.
- Diagnosing Core Web Vitals regressions (LCP, CLS, INP).
- Optimizing fonts, images, or script loading.
- Writing framework-agnostic JavaScript: observers, fetch, ES modules.

## HTML semantics

Semantics are the cheapest accessibility win and the foundation every
later layer depends on. Generic `<div>` soup forces you to bolt ARIA
back on; semantic elements come with the correct role, focus
behavior, and assistive-tech mapping for free.

### Document outline

Each page has exactly one `<h1>` — typically the hero title. Heading
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add crewrig/crewrig/frontend@sha256:27ee3714eee4f536

The line at the top of this page pins the label git:20261018.1588e62, 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_x3wzicqce32sjzkp.svg)](https://markdownregistry.com/a/art_x3wzicqce32sjzkp)

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

Versions

The registry has recorded 2 versions of this file, between Jun 20, 2026 and Oct 18, 2026, about one every 120 days.

versioncommittedcommitsizeaudit
git:20261018.1588e62 latest2026-10-18 1588e62 17,735 BB view · diff
git:20260620.d7282ed2026-06-20 d7282ed 17,899 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (17735 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

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

crewrig/crewrig · 24 stars · license Apache-2.0 · pushed 2026-10-25 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_x3wzicqce32sjzkp
GET https://markdownregistry.com/api/v1/resolve?ref=crewrig/crewrig/frontend
GET https://markdownregistry.com/api/v1/blob/27ee3714eee4f53698f837e6ba39f78e32d2d9e612975914e7ca85a5b0f1a813

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 crewrig/crewrig

architect SKILL.md skill
crewrig/crewrig · .agents/skills/architect/SKILL.md · Design and architecture skill for ADRs, RFCs, design reviews, and ripple-effect analysis. Activate when a change…
git:20261020.22def2d · audit A · 24 stars
astro SKILL.md skill
crewrig/crewrig · .agents/skills/astro/SKILL.md · Practitioner-grade Astro reference: syntax, islands, routing, Content Collections, SSG/SSR, integrations (Tailwind…
git:20261018.1588e62 · audit B · 24 stars
copywriting SKILL.md skill
crewrig/crewrig · .agents/skills/copywriting/SKILL.md · Practitioner-grade web copywriting reference: landing page anatomy, frameworks (PAS, BAB, AIDA), tone, headlines, CTAs…
git:20261018.1588e62 · audit A · 24 stars
developer SKILL.md skill
crewrig/crewrig · .agents/skills/developer/SKILL.md · Implementation skill for writing, modifying, and refactoring code. Activate by default for any coding task that does…
git:20261018.1588e62 · audit A · 24 stars
doc-writer SKILL.md skill
crewrig/crewrig · .agents/skills/doc-writer/SKILL.md · Documentation skill for ADRs, READMEs, in-code docstrings, and reference material. Activate when the user asks for…
git:20260620.d7282ed · audit A · 24 stars
github-actions SKILL.md skill
crewrig/crewrig · .agents/skills/github-actions/SKILL.md · Practitioner-grade GitHub Actions knowledge: authoring, reviewing, hardening, debugging workflows. Activate when…
git:20261018.1588e62 · audit A · 24 stars
gitlab-ci SKILL.md skill
crewrig/crewrig · .agents/skills/gitlab-ci/SKILL.md · Practitioner-grade GitLab CI/CD knowledge: authoring, reviewing, hardening, debugging pipelines. Activate when reading…
git:20261018.1588e62 · audit A · 24 stars
idea SKILL.md skill
crewrig/crewrig · .agents/skills/idea/SKILL.md · IDEA stage lifecycle skill for structured idea-convergence. Activate before a SPECS session whenever multiple…
git:20260926.ddddb55 · audit A · 24 stars
init-expertise SKILL.md skill
crewrig/crewrig · .agents/skills/init-expertise/SKILL.md · Create a new expertise (role) file under config/expertise/ through a guided interview. Activate when an adopter wants a…
git:20261018.1588e62 · audit A · 24 stars
init-personal-profile SKILL.md skill
crewrig/crewrig · .agents/skills/init-personal-profile/SKILL.md · Build your personal profile (config/PROFILE.md) through a guided interview. Collects identity, tooling preferences…
git:20260828.841e5e1 · audit A · 24 stars
init-soul SKILL.md skill
crewrig/crewrig · .agents/skills/init-soul/SKILL.md · Customize the agent identity file (config/SOUL.md) through guided conversation. Walk the user through each section of…
git:20260828.841e5e1 · audit A · 24 stars
init-team SKILL.md skill
crewrig/crewrig · .agents/skills/init-team/SKILL.md · Create a new team file under config/teams/ through a guided interview. Activate when an adopter wants a per-team…
git:20261018.1588e62 · audit A · 24 stars

Every file in crewrig/crewrig

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
code-yeongyu/oh-my-openagent · packages/skills-loader-core/src/features/builtin-skills/frontend/SKILL.md · Builds, styles, and polishes web UI and UX. Use for any frontend, page, component, styling, layout, animation, or…
git:20260923.b55e5ce · 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

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