frontend-ui skillA
frontend-ui is agent-read markdown (skill) from jnpiyush/agentx: Build frontend UIs with HTML5, CSS3, and Tailwind CSS following accessibility and performance best practices. Use when creating responsive layouts, styling with Tailwind CSS, implementing accessible forms, optimizing frontend performance, or building common UI patterns..
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# Frontend/UI Development > **Purpose**: Production-ready frontend development standards for HTML, CSS, Tailwind CSS, and responsive design. > **Audience**: Frontend engineers building web interfaces with modern HTML/CSS and utility-first frameworks. > **Standard**: Follows [github/awesome-copilot](https://github.com/github/awesome-copilot) frontend development patterns. --- ## When to Use This Skill - Building responsive web layouts with HTML5 and CSS3 - Styling with Tailwind CSS utility classes - Implementing accessible web forms - Optimizing frontend loading performance - Creating common UI layout patterns ## Prerequisites - HTML5 and CSS3 fundamentals - Node.js installed for Tailwind CSS build tools ## Quick Reference | Need | Solution | Pattern | |------|----------|---------| | **Responsive layout** | Mobile-first with Tailwind | `flex md:grid grid-cols-3` | | **Semantic HTML** | Use proper elements | `<nav>`, `<main>`, `<article>` | | **Accessibility** | ARIA labels + keyboard nav | `aria-label="Close menu"` | | **Color contrast** | WCAG AA minimum (4.5:1) | Use color tools for validation | | **Typography** | Tailwind text utilities | `text-base md:text-lg` | …
Read the whole file at its exact version.
How to install
mdr add jnpiyush/agentx/frontend-ui@v1.0.0mdr add jnpiyush/agentx/frontend-ui@sha256:d8f7e9e49dfc03abPin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
[](https://markdownregistry.com/a/art_7r3lg3fnwq7isewj)
1 badge views in 30 days
Versions
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| v1.0.0 latest | 2026-09-15 | f17c505 | 6,714 B | A | view · diff |
| v1.0.0 | 2026-03-17 | 5959405 | 6,712 B | A | view · diff |
| v1.0.0 | 2026-03-01 | 969f335 | 6,442 B | A | view · diff |
| v1.0.0 | 2026-02-28 | aa03a2e | 4,436 B | A | view |
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 (6714 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
jnpiyush/agentx · 16 stars · license Apache-2.0 · pushed 2026-09-21 · branch master
API
GET https://markdownregistry.com/api/v1/artifacts/art_7r3lg3fnwq7isewj GET https://markdownregistry.com/api/v1/resolve?ref=jnpiyush/agentx/frontend-ui GET https://markdownregistry.com/api/v1/blob/d8f7e9e49dfc03abdee189b362077b7ed044e47eb620b3bdcd8d7e301f84d1a7
Your agent 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.