frontend-design SKILL.md skillA

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

Install it, pinned
mdr add iuliandita/skills/frontend-design@git:20261003.496420b

Pins git:20261003.496420b in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
iuliandita/skills
Path
skills/frontend-design/SKILL.md
Versions recorded
11
Latest version
git:20261003.496420b, committed Oct 3, 2026
First version recorded
Jun 14, 2026
Size
15,698 bytes
Repository stars
8
License
MIT

Design, build, and critique frontend UI/UX: layouts, CSS, Tailwind, landing pages, and visual polish.

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 Design

Build and refine interfaces with a visual direction grounded in the product, its audience,
and its content. Make typography, composition, imagery, and interaction work together;
preserve the user's brand and the existing application's conventions.

**Target versions** (October 2026 - pinned so staleness is visible):

- Astro 7.3.5 (major: Rust compiler, Vite 8, advanced routing; verify advisory-specific fixed ranges before migration)
- SvelteKit 3.0.0 + Svelte 5.57.1 runes (SvelteKit 3 is a major released 2026-10-01: TypeScript 6+, Node 22.17+; review migration notes)
- Tailwind CSS v4.3.3
- Vite 8.3.2
- React 19.3.0 + Next.js 16.3.8 (heavier option, only when team is React-locked)
- @use-gesture/react 10.3.1 (modern; Hammer.js considered legacy)

The [August 2026 Next.js security release](https://nextjs.org/blog/august-2026-security-release)
fixes critical AVIF image-optimization RCE and Windows mixed-router RCE (CVE-2026-75604).
Its patched LTS releases are 15.5.24 and 16.3.3. The [September 22 out-of-band release](https://nextjs.org/blog/nextjs-security-update-september-22-2026)
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add iuliandita/skills/frontend-design@sha256:cf1e373855f7cfa1

The line at the top of this page pins the label git:20261003.496420b, 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_jic6sqv3q3ube37d.svg)](https://markdownregistry.com/a/art_jic6sqv3q3ube37d)

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

Versions

The registry has recorded 11 versions of this file, between Jun 14, 2026 and Oct 3, 2026, about one every 11 days.

versioncommittedcommitsizeaudit
git:20261003.496420b latest2026-10-03 496420b 15,698 BA view · diff
git:20261002.a7f9a1c2026-10-02 a7f9a1c 15,794 BA view · diff
git:20260924.f55305d2026-09-24 f55305d 15,457 BA view · diff
git:20260920.ac018532026-09-20 ac01853 15,217 BA view · diff
git:20260910.64816162026-09-10 6481616 14,972 BA view · diff
git:20260909.f5c96862026-09-09 f5c9686 14,687 BA view · diff
git:20260904.ccfce412026-09-04 ccfce41 19,436 BA view · diff
git:20260727.4786b502026-07-27 4786b50 19,189 BA view · diff
git:20260722.d313b9e2026-07-22 d313b9e 19,869 BA view · diff
git:20260722.99f7e842026-07-22 99f7e84 19,655 BA view · diff
git:20260614.2e827aa2026-06-14 2e827aa 19,586 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 (15698 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

iuliandita/skills · 8 stars · license MIT · pushed 2026-10-19 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_jic6sqv3q3ube37d
GET https://markdownregistry.com/api/v1/resolve?ref=iuliandita/skills/frontend-design
GET https://markdownregistry.com/api/v1/blob/cf1e373855f7cfa1d0a7c953a6b417e2b86cec0bd81af24c55b0a4f27a2e6bc5

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 iuliandita/skills

ansible SKILL.md skill
iuliandita/skills · skills/ansible/SKILL.md · Write, review, and debug Ansible playbooks, roles, inventories, Ansible Vault, Molecule tests, and AWX/AAP.
git:20261012.7d77d20 · audit A · 8 stars
anti-ai-prose SKILL.md skill
iuliandita/skills · skills/anti-ai-prose/SKILL.md · Edit prose that sounds AI-written: remove filler and canned phrasing in docs, emails, and replies.
git:20261003.496420b · audit A · 8 stars
arch-linux SKILL.md skill
iuliandita/skills · skills/arch-linux/SKILL.md · Administer Arch Linux, CachyOS, EndeavourOS, and Manjaro: pacman, AUR, upgrades, boot, GPU, and desktop issues.
git:20261003.496420b · audit A · 8 stars
backend-api SKILL.md skill
iuliandita/skills · skills/backend-api/SKILL.md · Design and review REST/HTTP APIs, with bounded GraphQL and gRPC contract guidance: OpenAPI, auth, pagination…
git:20261003.496420b · audit A · 8 stars
ci-cd SKILL.md skill
iuliandita/skills · skills/ci-cd/SKILL.md · Build, review, and debug CI/CD pipelines and runners: GitHub Actions, GitLab CI, Forgejo/Gitea, and Woodpecker.
git:20261003.496420b · audit A · 8 stars
code-review SKILL.md skill
iuliandita/skills · skills/code-review/SKILL.md · Review code and diffs for correctness: bugs, regressions, edge cases, races, and resource leaks.
git:20261003.496420b · audit A · 8 stars
code-simplification SKILL.md skill
iuliandita/skills · skills/code-simplification/SKILL.md · Review code for dead code, duplication, overengineering, invented APIs, and weak tests. Report safe reductions; no…
git:20261012.7d77d20 · audit A · 8 stars
databases SKILL.md skill
iuliandita/skills · skills/databases/SKILL.md · Design schemas, tune queries, migrate, and administer PostgreSQL, MySQL/MariaDB, MongoDB, MSSQL, Redis, and Valkey.
git:20261003.496420b · audit A · 8 stars
debian-ubuntu SKILL.md skill
iuliandita/skills · skills/debian-ubuntu/SKILL.md · Administer Debian, Ubuntu, Mint, and Pop!_OS: apt, dpkg, upgrades, boot, drivers, and desktop issues.
git:20261003.496420b · audit A · 8 stars
debug-triage SKILL.md skill
iuliandita/skills · skills/debug-triage/SKILL.md · Triage live outages when the failing component is unknown; localize the fault and route further debugging.
git:20261003.496420b · audit A · 8 stars
dev-cycle SKILL.md skill
iuliandita/skills · skills/dev-cycle/SKILL.md · Run a requested full development workflow: branch, implement, check, review, PR, merge, and release.
git:20261012.7d77d20 · audit A · 8 stars
docker SKILL.md skill
iuliandita/skills · skills/docker/SKILL.md · Build and debug Dockerfiles, Compose, Docker/Podman containers, and BuildKit images; review container security.
git:20261003.496420b · audit A · 8 stars

Every file in iuliandita/skills

Other files named frontend-design

frontend-design SKILL.md skill
anthropics/skills · skills/frontend-design/SKILL.md · Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with…
git:20260903.41bbe19 · audit A · 182,395 stars
frontend-design SKILL.md skill
bytedance/deer-flow · skills/public/frontend-design/SKILL.md · Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to…
git:20260121.08101aa · audit A · 84,193 stars
frontend-design SKILL.md skill
anthropics/claude-plugins-official · plugins/frontend-design/skills/frontend-design/SKILL.md · Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with…
git:20260901.44490cc · audit A · 43,118 stars
frontend-design SKILL.md skill
anbeime/skill · skills/frontend-design/frontend-design/SKILL.md · 网页与数字界面设计师在构建Web页面或应用组件时,若受够了千篇一律的AI味设计,请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码,告别平庸,打造令人难忘的高品质数字界面。
git:20260826.d5f7a6e · audit A · 8,334 stars
frontend-design SKILL.md skill
mvschwarz/openrig · packages/daemon/specs/agents/shared/skills/process/frontend-design/SKILL.md · Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to…
git:20260802.4c6d888 · audit A · 7,989 stars
frontend-design SKILL.md skill
mvschwarz/openrig · skills/_canonical/process/frontend-design/SKILL.md · Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to…
git:20260802.4c6d888 · audit A · 7,989 stars
frontend-design SKILL.md skill
steipete/agent-scripts · skills/frontend-design/SKILL.md · Frontend UI: pages, apps, components, polished non-generic design.
git:20260523.0a2d76c · audit A · 7,386 stars
frontend-design SKILL.md skill
thinkinaixyz/deepchat · resources/skills/frontend-design/SKILL.md · Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to…
git:20260113.8fd50e4 · audit A · 6,371 stars

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