uiux-frontend-engineering SKILL.md skillA

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

Install it, pinned
mdr add oghie/skillsets/uiux-frontend-engineering@v0.1.0

Pins v0.1.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
oghie/skillsets
Path
skills/uiux-frontend-engineering/SKILL.md
Versions recorded
2
Latest version
v0.1.0, committed Jul 14, 2026
First version recorded
Jun 21, 2026
Size
8,452 bytes
Repository stars
9
License
MIT

Use when designing, reviewing, implementing, or validating UI/UX and frontend experiences for web, mobile, responsive apps, design systems, Figma-to-code handoff, frontend stack/library selection, personas, UX mapping, information architecture, UI patterns, accessibility, interaction design, UX research, usability testing, theme/token application, or XR/spatial interfaces.

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

# UIUX Frontend Engineering

## Core Rule
Treat UI as a tested product interface, not decoration: connect user goals, business goals, interaction model, visual system, implementation constraints, and validation evidence before shipping screens or components.

## First Pass
1. Classify the task: UX strategy, research, persona, UX mapping, IA/sitemap, user flow, wireframe, prototype, mockup, UI pattern selection, visual UI, design system, frontend stack/library selection, frontend implementation, responsive/mobile, accessibility, redesign/review, handoff, or XR/spatial interface.
2. Identify target surface: web, mobile web, native mobile, desktop web app, kiosk, embedded screen, WebXR, VR, AR, MR, or spatial computing.
3. Name users, context, primary jobs, failure modes, conversion or task metric, platform constraints, input method, and trust/safety concerns.
4. Decide fidelity: sketch/flow, low-fidelity wireframe, clickable prototype, high-fidelity visual, coded prototype, production component, or XR graybox.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add oghie/skillsets/uiux-frontend-engineering@sha256:ff95234af5fb8dc2

The line at the top of this page pins the label v0.1.0, 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_p7rtvg5mjdu54xss.svg)](https://markdownregistry.com/a/art_p7rtvg5mjdu54xss)

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

Versions

The registry has recorded 2 versions of this file, between Jun 21, 2026 and Jul 14, 2026, about one every 22 days.

versioncommittedcommitsizeaudit
v0.1.0 latest2026-07-14 4998981 8,452 BA view · diff
git:20260621.8319e132026-06-21 8319e13 8,290 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 (8452 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

oghie/skillsets · 9 stars · license MIT · pushed 2026-10-03 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_p7rtvg5mjdu54xss
GET https://markdownregistry.com/api/v1/resolve?ref=oghie/skillsets/uiux-frontend-engineering
GET https://markdownregistry.com/api/v1/blob/ff95234af5fb8dc22f0165949a7a71b63b92250c9aef47d732d72b368ae766b7

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 oghie/skillsets

AGENTS.md AGENTS.md file
oghie/skillsets · AGENTS.md
git:20260714.4998981 · audit A · 9 stars
academic-research-journal SKILL.md skill
oghie/skillsets · skills/academic-research-journal/SKILL.md · Use when evaluating, designing, drafting, revising, stress-testing, or preparing academic articles, empirical research…
v0.1.0 · audit A · 9 stars
android-offsec SKILL.md skill
oghie/skillsets · skills/android-offsec/SKILL.md · Android device offensive security, forensic extraction, and mobile app exploitation. Use this whenever the user needs…
v0.1.0 · audit A · 9 stars
cyber-security-operations SKILL.md skill
oghie/skillsets · skills/cyber-security-operations/SKILL.md · Use when performing cybersecurity operations - offensive or
git:20240115.0b7c040 · audit A · 9 stars
data-architect-engineering SKILL.md skill
oghie/skillsets · skills/data-architect-engineering/SKILL.md · Use when designing, reviewing, modifying, migrating, optimizing, securing, operating, troubleshooting, or…
v0.1.0 · audit A · 9 stars
device-driver-development SKILL.md skill
oghie/skillsets · skills/device-driver-development/SKILL.md · Use when developing, reviewing, debugging, porting, or engineering Linux kernel device drivers, kernel modules, device…
v0.1.0 · audit A · 9 stars
realtime-systems-coding SKILL.md skill
oghie/skillsets · skills/realtime-systems-coding/SKILL.md · Use when designing, implementing, reviewing, debugging, testing, profiling, or porting concurrent, parallel…
v0.1.0 · audit A · 9 stars
software-architecture-engineering-uap SKILL.md skill
oghie/skillsets · skills/software-architecture-engineering-uap/SKILL.md · Use when designing, evaluating, documenting, modernizing, reviewing, refactoring, or implementing software architecture…
v0.1.0 · audit A · 9 stars
tech-leadership SKILL.md skill
oghie/skillsets · skills/tech-leadership/SKILL.md · Use when advising, planning, reviewing, reporting, operating, or improving CTO and technology leadership work across…
v0.1.0 · audit A · 9 stars

Every file in oghie/skillsets

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