frontend-engineering SKILL.md skillA

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

Install it, pinned
mdr add magnus919/agent-skills/frontend-engineering@git:20260902.befe2e2

Pins git:20260902.befe2e2 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
magnus919/agent-skills
Path
frontend-engineering/SKILL.md
Versions recorded
5
Latest version
git:20260902.befe2e2, committed Sep 2, 2026
First version recorded
Aug 3, 2026
Size
5,989 bytes
Repository stars
166
License
MIT

Build and maintain web frontends — component architecture, state management,.

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 Methodology

Frontend engineering is the craft of building the user-facing layer of applications — components, state management, API integration, responsive layout, and client-side performance. This methodology bridges UX design (user journeys, wireframes, accessibility standards) and quality validation (qa-methodology).

## The Frontend Engineer's Domain

| You own | You don't own |
|---------|--------------|
| Component implementation — UI component composition, props/state interfaces, rendering patterns, lifecycle | User journeys, wireframes, accessibility standards, interaction design — that's the product-design-and-ux |
| State management — client-side state architecture, data fetching patterns, caching, optimistic updates | API contract design — that's the api-design-and-evolution |
| API integration — frontend-to-backend data flow, auth flows (OAuth, JWT), real-time updates | Test strategy and automation — that's the QA-engineer |
| Responsive design implementation — layout systems, breakpoints, cross-device testing | Visual identity and brand guidelines — that's the brand-designer |
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add magnus919/agent-skills/frontend-engineering@sha256:65b7062b942dbba1

The line at the top of this page pins the label git:20260902.befe2e2, 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_2gatd5m6oo4frori.svg)](https://markdownregistry.com/a/art_2gatd5m6oo4frori)

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

Versions

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

versioncommittedcommitsizeaudit
git:20260902.befe2e2 latest2026-09-02 befe2e2 5,989 BA view · diff
git:20260804.6f67a342026-08-04 6f67a34 5,757 BA view · diff
git:20260803.ac1beb12026-08-03 ac1beb1 5,470 BA view · diff
git:20260803.48c1a1e2026-08-03 48c1a1e 5,239 BA view · diff
git:20260803.0223e2b2026-08-03 0223e2b 4,574 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 (5989 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

magnus919/agent-skills · 166 stars · license MIT · pushed 2026-11-04 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_2gatd5m6oo4frori
GET https://markdownregistry.com/api/v1/resolve?ref=magnus919/agent-skills/frontend-engineering
GET https://markdownregistry.com/api/v1/blob/65b7062b942dbba17b1bbdcfe8542649439c3573ae288976684738b1c46d1be6

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 magnus919/agent-skills

AGENTS.md AGENTS.md file
magnus919/agent-skills · AGENTS.md
git:20261010.bfe1eb1 · audit A · 166 stars
actuarial-risk-modeling SKILL.md skill
magnus919/agent-skills · actuarial-risk-modeling/SKILL.md · Use when analyzing, selecting, validating, or communicating models for insurance, actuarial, financial-risk, or other…
git:20260823.077c5d0 · audit A · 166 stars
adr-authoring SKILL.md skill
magnus919/agent-skills · adr-authoring/SKILL.md · Write, review, and maintain architecture decision records with clear context, alternatives, consequences, confirmation…
git:20260906.d8f3554 · audit A · 166 stars
agent-council SKILL.md skill
magnus919/agent-skills · agent-council/SKILL.md · Run a structured multi-agent debate by spawning a panel of expert agents on any question, with convergence-aware…
git:20260823.6efee5c · audit A · 166 stars
agent-evals-and-observability SKILL.md skill
magnus919/agent-skills · agent-evals-and-observability/SKILL.md · Design, run, review, or release framework- and vendor-neutral evaluations and observability for AI agents. Use when…
git:20261103.c336267 · audit A · 166 stars
AGENTS.md@agent-production-operations AGENTS.md file
magnus919/agent-skills · agent-production-operations/AGENTS.md
git:20260814.c0c7690 · audit A · 166 stars
agent-production-operations SKILL.md skill
magnus919/agent-skills · agent-production-operations/SKILL.md · Operate an evaluated agent with tools and authority in production through a runtime control plane covering versioning…
git:20261103.c336267 · audit A · 166 stars
agent-skills SKILL.md skill
magnus919/agent-skills · agent-skills/SKILL.md · Use this skill when creating, reviewing, or editing Agent Skills-format skills, or when implementing skill discovery…
git:20261102.915225c · audit B · 166 stars
ai-governance SKILL.md skill
magnus919/agent-skills · ai-governance/SKILL.md · Design and operate AI governance: principles, decision rights, risk tiers, lifecycle gates, fairness, transparency…
git:20261101.83d2784 · audit A · 166 stars
ai-operating-economics SKILL.md skill
magnus919/agent-skills · ai-operating-economics/SKILL.md · Use when deciding whether an AI-enabled workflow should be adopted, scaled, constrained, redesigned, or retired, and…
git:20260821.1291f95 · audit A · 166 stars
amazon-memo SKILL.md skill
magnus919/agent-skills · amazon-memo/SKILL.md · Create, adapt, or revise Amazon-style narrative decision memos, six-pagers, PR/FAQs, and short decision briefs…
git:20261019.89945ee · audit A · 166 stars
analog-occultism SKILL.md skill
magnus919/agent-skills · analog-occultism/SKILL.md · Use this skill to create subject-neutral images and videos in an analog occultism / industrial CRT noir aesthetic…
git:20260905.3d54d7b · audit A · 166 stars

Every file in magnus919/agent-skills

Other files named frontend-engineering

frontend-engineering SKILL.md skill
hashgraph-online/awesome-codex-plugins · plugins/Colin4k1024/tsp/skills/frontend-engineering/SKILL.md · 提供 React/Next 优先的前端工程规范,覆盖组件结构、状态分层、语义化、可访问性、 性能与交付质量。当前端工程师、架构师或 Tech Lead 需要统一工程做法时使用。
git:20260512.6523792 · audit A · 1,537 stars
frontend-engineering SKILL.md skill
d-padmanabhan/agent-engineering-handbook · skills/frontend-engineering/SKILL.md · Framework-agnostic frontend architecture playbook. Workflows for picking rendering (SSG / SSR / SPA / ISR), setting…
git:20260906.0766fec · audit A · 20 stars
frontend-engineering SKILL.md skill
rogue-dev-studio/ai-agents-rogue · skills/frontend-engineering/SKILL.md · Expert frontend application engineering: accessible UI structure, state and data-fetching discipline, form/validation…
git:20260801.aa14763 · audit A · 2 stars

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