frontend SKILL.md skillA

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

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

mdr add oyadotai/oya-browser/frontend@git:20261021.2ea469d

Pins git:20261021.2ea469d in mdr.lock. Pin the fingerprint instead.

Audit grade

A, 17 of 17 checks passed

Kind

SKILL.md skill

Repository

oyadotai/oya-browser

Path

.agents/skills/frontend/SKILL.md

Versions recorded

1

Latest version

git:20261021.2ea469d, committed Oct 21, 2026

Size

3,731 bytes

Repository stars

351

License

a license file GitHub does not identify

Use when building or changing anything in the frontend: a page, a component, a layout, styling, copy on screen. Produces distinctive, production-grade UI that fits this project's existing design, covers every state, is accessible, and is checked in a browser before it is called done.

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

Build interfaces that look designed for this product, work in every state, and are verified by
looking at them.

## 1. Read before drawing

- Find the project's design system before inventing one: tokens (CSS variables, Tailwind config,
  theme file), the component library, how an existing page of the same kind is built. Grep for
  the pattern you are about to write; reuse it. Two ways to draw a button is one too many.
- Read the repository instructions (`CLAUDE.md` or `AGENTS.md`) for who the users are. A dashboard for engineers wants density; a landing page
  wants one idea per screen.

## 2. Commit to a direction

When there is no system yet, or the ask is a new surface, choose a clear aesthetic direction and
execute it with precision — refined minimalism and bold maximalism both work; intentionality is
the point. Never the generic AI look:

- choose typography for the product; preserve established app fonts and use native system fonts
  where appropriate; introduce a display face only when the content benefits from one
- no purple-to-blue gradient on white, no evenly spread timid palette: one dominant colour, sharp
  accents, and colour reserved for meaning
…

Read the whole file at its exact version.

How to install

mdr add oyadotai/oya-browser/frontend@sha256:9b1242aa2bbe890a

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

Versions

The registry has recorded 1 version of this file, committed on Oct 21, 2026.

Audit of the latest version

Source

API

GET https://markdownregistry.com/api/v1/artifacts/art_5w6duphlow5uifol
GET https://markdownregistry.com/api/v1/resolve?ref=oyadotai/oya-browser/frontend
GET https://markdownregistry.com/api/v1/blob/9b1242aa2bbe890a2c2579523a7c41ac132bc28a638c21f3f0507f1ecd5d6a54

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 oyadotai/oya-browser

Every file in oyadotai/oya-browser

Other files named frontend

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