frontend-engineering SKILL.md skillA
frontend-engineering from rogue-dev-studio/ai-agents-rogue is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add rogue-dev-studio/ai-agents-rogue/frontend-engineering@git:20260801.aa14763Pins git:20260801.aa14763 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- rogue-dev-studio/ai-agents-rogue
- Path
skills/frontend-engineering/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260801.aa14763, committed Aug 1, 2026
- Size
- 2,277 bytes
- Repository stars
- 2
- License
- a license file GitHub does not identify
Expert frontend application engineering: accessible UI structure, state and data-fetching discipline, form/validation UX, responsive layouts, performance budgets, and integration with API contracts. Use when building or refining SPA/web screens, design-system consumption, client-side routing, or fixing UI reliability (loading, empty, and error states).
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 Engineering (Canonical) **Expertise: expert.** Aliases: `frontend`, `spa`, `react-ui` (framework-agnostic patterns; runtime tooling via `nodejs` / `nodejs-devtools`). ## When to use - Halaman/komponen, routing, state, form, tabel, modal - Integrasi API (loading/empty/error), pagination UI - Accessibility dasar + performa render ## When not to use - Desain flow/mockup/theme gate → `ui-ux-design` - Hanya token/brand system murni → `canvas-design` / Design System role - Hanya kontrak API → `api-engineering` - Browser E2E automation → `browser-automation` ## Procedure 1. **Theme lock** — Pastikan implementasi mengikuti tema project aktif (hasil gate `ui-ux-design` / UI existing); jangan mengganti arah visual diam-diam. 2. **One job per view** — Satu tujuan jelas; hormati design system / UI rule project. 2. **States** — Loading, empty, error, success selalu ditangani. 3. **Data** — Fetch sesuai kontrak; jangan asumsikan shape array jika envelope `items/meta`. 4. **A11y** — Label, fokus keyboard, kontras; modal trap fokus & restore. 5. **Performance** — Hindari re-render berat; list besar paginated; lazy route/assets bila perlu. …
Read the whole file at its exact version.
How to install
mdr add rogue-dev-studio/ai-agents-rogue/frontend-engineering@sha256:3d68a261096bc6c3The line at the top of this page pins the label git:20260801.aa14763, 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.
[](https://markdownregistry.com/a/art_czcm6gcmt26ocfho)
3 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Aug 1, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (2277 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
rogue-dev-studio/ai-agents-rogue · 2 stars · license a license file GitHub does not identify · pushed 2026-10-17 · branch master
API
GET https://markdownregistry.com/api/v1/artifacts/art_czcm6gcmt26ocfho GET https://markdownregistry.com/api/v1/resolve?ref=rogue-dev-studio/ai-agents-rogue/frontend-engineering GET https://markdownregistry.com/api/v1/blob/3d68a261096bc6c39808096ecf87e4643865b1b6304bd35cfb936882b2a66d02
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 rogue-dev-studio/ai-agents-rogue
Every file in rogue-dev-studio/ai-agents-rogue