Home / fmind / dot · skills/web-frontend/SKILL.md · GitHub

web-frontend skillA

web-frontend is agent-read markdown (skill) from fmind/dot: Build accessible browser UIs with HTML, CSS, JavaScript, and Tailwind; check compatibility..

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

# Web Frontend

Build browser interfaces with native HTML, CSS, and JavaScript. Preserve an existing frontend stack and use Tailwind when the project selects it. [python-web](../python-web/SKILL.md) owns server applications; [product-design-review](../product-design-review/SKILL.md) owns interface critique, and [playwright](../playwright/SKILL.md) owns browser automation.

## 1. Retrieve Guidance

1. **Search guidelines**: Query curated web platform recipes and modern practices using the CLI:
   ```bash
   npx --yes modern-web-guidance@0.0.189 search "<topic or api>"
   ```
1. **Fetch specific pattern**: Retrieve detailed implementation guidelines and browser baselines by guide identifier:
   ```bash
   npx --yes modern-web-guidance@0.0.189 retrieve "<guide-id>"
   ```

## 2. Adoption Workflow

1. **Prefer web platform primitives**: Prioritize native elements (`<dialog>`, `<details>`, popover API, subgrid, container queries, CSS nesting) over third-party component libraries or custom script wrappers.
…

Read the whole file at its exact version.

How to install

Latest version
mdr add fmind/dot/web-frontend@git:20260923.2988db2
Exact content
mdr add fmind/dot/web-frontend@sha256:f1f0c36d47199b1b

Pin 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.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_l7aiwdtzqnu7opfd.svg)](https://markdownregistry.com/a/art_l7aiwdtzqnu7opfd)

0 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260923.2988db2 latest2026-09-23 2988db2 3,685 BA view · diff
git:20260920.d5fedf52026-09-20 d5fedf5 3,685 BA view · diff
git:20260919.44918442026-09-19 4491844 3,517 BA view · diff
git:20260916.50d68102026-09-16 50d6810 3,500 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, 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 (3685 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

fmind/dot · 9 stars · license MIT · pushed 2026-09-24 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_l7aiwdtzqnu7opfd
GET https://markdownregistry.com/api/v1/resolve?ref=fmind/dot/web-frontend
GET https://markdownregistry.com/api/v1/blob/f1f0c36d47199b1b765a9c42a7ff91e32520688e1474b13c577b0cfbc51bcbb0

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.

More from fmind/dot

chezmoi skill
fmind/dot · .agents/skills/chezmoi/SKILL.md · Manage chezmoi source names, templates, secrets, diffs, and deployment in fmind/dot.
git:20260920.d5fedf5 · audit A · 9 stars
dot-development skill
fmind/dot · .agents/skills/dot-development/SKILL.md · Develop fmind/dot CLI commands, session parsers, storage, configuration, and installation.
git:20260920.d5fedf5 · audit A · 9 stars
dot-release skill
fmind/dot · .agents/skills/dot-release/SKILL.md · Prepare, publish, recover, and verify fmind/dot releases through the repository task.
git:20260920.d5fedf5 · audit A · 9 stars
dot-skills skill
fmind/dot · .agents/skills/dot-skills/SKILL.md · Maintain fmind/dot skill packages, catalog budgets, routing contracts, and installed links.
git:20260920.d5fedf5 · audit A · 9 stars
dot-verify skill
fmind/dot · .agents/skills/dot-verify/SKILL.md · Qualify the fmind/dot working tree before a release: review changes, sync docs, run every gate, and smoke-test the dot…
git:20260924.4be3d0c · audit A · 9 stars
AGENTS.md agents
fmind/dot · AGENTS.md
git:20260920.d5fedf5 · audit A · 9 stars
CLAUDE.md claude
fmind/dot · CLAUDE.md
git:20260903.fa1d8bb · audit B · 9 stars
AGENTS.md@dot_agents agents
fmind/dot · dot_agents/AGENTS.md
git:20260920.d5fedf5 · audit A · 9 stars
acli skill
fmind/dot · skills/acli/SKILL.md · Search, plan, and update Atlassian Jira and Confluence with acli.
git:20260920.d5fedf5 · audit A · 9 stars
agent-evaluation skill
fmind/dot · skills/agent-evaluation/SKILL.md · Evaluate prompt, model, retrieval, and agent changes through repeated trials and outcome grading.
git:20260916.50d6810 · audit A · 9 stars
agent-frameworks skill
fmind/dot · skills/agent-frameworks/SKILL.md · Build Python agents with Google ADK, LangChain, LangGraph, and agents-cli: tools, state, and retrieval.
git:20260916.50d6810 · audit A · 9 stars
agent-harnesses skill
fmind/dot · skills/agent-harnesses/SKILL.md · Operate and configure Claude Code, Codex, Copilot, Grok, and OpenCode.
git:20260919.afe8ee0 · audit A · 9 stars

Every file in fmind/dot

Other files named web-frontend

web-frontend rules
dpro-at/tel-agent · .cursor/rules/web-frontend.mdc · Next.js dashboard conventions under web/
git:20260826.ac8a108 · audit A · 1,009 stars

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