frontend SKILL.md skillA

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

Install it, pinned
mdr add umararshad4/honey-stack/frontend@git:20261031.70e54fb

Pins git:20261031.70e54fb in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
umararshad4/honey-stack
Path
skills/frontend/SKILL.md
Versions recorded
5
Latest version
git:20261031.70e54fb, committed Oct 31, 2026
First version recorded
Oct 17, 2026
Size
6,719 bytes
Repository stars
4
License
MIT

Use for UI, styling, layout, components, responsive or interaction work, and React or Next.js component, hook, route or rendering changes.

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

Match the product that exists before adding to it. A narrow request gets a narrow change with visual parity. A redesign happens only when the user asks for one.

## 1. Read the existing UI

Open the nearest screen and the shared components it uses. Find the system the repo already has:

- Components: `components/ui/` and `components.json` (shadcn), Storybook, a design-system package.
- Tokens: `tailwind.config.*`, `@theme` blocks in CSS (Tailwind v4), CSS custom properties, a tokens file.
- Patterns: spacing scale, type scale, radius, shadows, density, icon set, how nearby forms, tables, dialogs and menus behave.

Done when: you can name the components, tokens and icon set the change will reuse.

## 2. Build with what's there

- Reuse an existing component or variant before writing a new one. Add a variant (`cva`, a `variant` prop) rather than one-off classes on a copy.
- shadcn present: add missing primitives with the shadcn CLI so they land where `components.json` says, then compose them. Keep the Radix primitives underneath; they carry the keyboard and ARIA behavior.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add umararshad4/honey-stack/frontend@sha256:1940e194dc5b89ce

The line at the top of this page pins the label git:20261031.70e54fb, 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_u3stnlzl5v2a3dw2.svg)](https://markdownregistry.com/a/art_u3stnlzl5v2a3dw2)

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

Versions

The registry has recorded 5 versions of this file, between Oct 17, 2026 and Oct 31, 2026, about one every 4 days.

versioncommittedcommitsizeaudit
git:20261031.70e54fb latest2026-10-31 70e54fb 6,719 BA view · diff
git:20261031.6ce077b2026-10-31 6ce077b 6,479 BA view · diff
git:20261018.f0fcbac2026-10-18 f0fcbac 6,419 BA view · diff
git:20261017.c52b4242026-10-17 c52b424 6,021 BA view · diff
git:20261017.6c6369a2026-10-17 6c6369a 5,996 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 (6719 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

umararshad4/honey-stack · 4 stars · license MIT · pushed 2026-11-01 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_u3stnlzl5v2a3dw2
GET https://markdownregistry.com/api/v1/resolve?ref=umararshad4/honey-stack/frontend
GET https://markdownregistry.com/api/v1/blob/1940e194dc5b89cef61f49f60413ad8b023e1d7074ab5d88a2e3889d3eaf890a

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 umararshad4/honey-stack

AGENTS.md@migrate AGENTS.md file
umararshad4/honey-stack · migrate/AGENTS.md
git:20261017.6c6369a · audit A · 4 stars
CLAUDE.md@migrate CLAUDE.md file
umararshad4/honey-stack · migrate/CLAUDE.md
git:20261017.6c6369a · audit A · 4 stars
api-design SKILL.md skill
umararshad4/honey-stack · skills/api-design/SKILL.md · Design or evolve an API: pick REST/GraphQL/gRPC/tRPC, model resources and status codes, version without breaking, RFC…
git:20261017.c52b424 · audit A · 4 stars
architecture SKILL.md skill
umararshad4/honey-stack · skills/architecture/SKILL.md · Find deepening opportunities, design an interface two ways, or plan a behavior-preserving refactor.
git:20261017.c52b424 · audit A · 4 stars
database SKILL.md skill
umararshad4/honey-stack · skills/database/SKILL.md · Design schemas, write safe/online migrations, add indexes, fix slow queries and N+1, get transactions and concurrency…
git:20261017.c52b424 · audit A · 4 stars
debug SKILL.md skill
umararshad4/honey-stack · skills/debug/SKILL.md · Use when something is broken, throwing, failing, flaky or slow, a test fails unexpectedly, the user says "debug" or…
git:20261029.f9132b3 · audit A · 4 stars
delta SKILL.md skill
umararshad4/honey-stack · skills/delta/SKILL.md · Recall Delta history, configure capture, or attach it to a handoff.
git:20261101.60c9199 · audit A · 4 stars
deploy SKILL.md skill
umararshad4/honey-stack · skills/deploy/SKILL.md · Deploy to a cloud or PaaS, write Docker/Kubernetes/Helm/IaC, set up CI/CD, or diagnose a failing deploy…
git:20261017.c52b424 · audit A · 4 stars
docs SKILL.md skill
umararshad4/honey-stack · skills/docs/SKILL.md · Use when writing or updating docs, READMEs, changelogs, ADRs or PR text, or when a change alters setup, commands, APIs…
git:20261017.c52b424 · audit A · 4 stars
domain SKILL.md skill
umararshad4/honey-stack · skills/domain/SKILL.md · Sharpen domain terms and record decisions in CONTEXT.md and ADRs.
git:20261017.c52b424 · audit A · 4 stars
execute SKILL.md skill
umararshad4/honey-stack · skills/execute/SKILL.md · Use when the user says "continue", "next", "do the TODOs", "run the plan", or "implement these tickets", or a plan…
git:20261031.70e54fb · audit A · 4 stars
grill SKILL.md skill
umararshad4/honey-stack · skills/grill/SKILL.md · Use when the user says "brainstorm", "grill me", or "think this through", or a feature lacks a product decision the…
git:20261031.70e54fb · audit A · 4 stars

Every file in umararshad4/honey-stack

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 A, or by owner.