frontend-aesthetics SKILL.md skillA

frontend-aesthetics from nguyenthienthanh/aura-frog is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add nguyenthienthanh/aura-frog/frontend-aesthetics@git:20260904.6e22f9f

Pins git:20260904.6e22f9f in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
nguyenthienthanh/aura-frog
Path
aura-frog/skills/frontend-aesthetics/SKILL.md
Versions recorded
3
Latest version
git:20260904.6e22f9f, committed Sep 4, 2026
First version recorded
Jul 9, 2026
Size
5,150 bytes
Repository stars
25
License
MIT

Anti-AI-slop taste layer for UI output — distinctive typography, dominant+accent color hierarchy, and implementation-matched polish. Use when building or restyling a UI/landing/component that should look designed rather than defaulted, or when the user asks for something 'beautiful', 'distinctive', 'less generic', or 'not another Tailwind template'.

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

> **AI-consumed reference.** Produce taste; do not re-implement enforcement. This skill *complements* `rules/agent/design-system-usage.md` + `rules/agent/theme-consistency.md` (which enforce token usage) and `rules/agent/accessibility-rules.md` (which enforces a11y) — cross-link, don't duplicate.

# Frontend Aesthetics

Raise output from *consistent & correct* to *distinctive*. **Default style (overridable by the host project): flat, clean, accessible, ONE restrained accent — no neon, no glow, no gradient-mesh, no sparkle.** "Distinctive" = tasteful type + cohesive tokens + dominant color + sharp accent, NOT flashy maximalism. This default loses to the host project's own design language: if the project's `CLAUDE.md`, design system, or brand explicitly calls for neon/glow/gradients (gaming, nightlife, crypto, …), follow the project — the constraint is anti-slop, not anti-brand.

> **Why this matters (Anthropic, *Improving frontend design through skills*):** generic "AI-look" UI is
> distributional convergence — safe choices dominate training data, so sampling drifts to them. A taste
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add nguyenthienthanh/aura-frog/frontend-aesthetics@sha256:efdc81896a3e01a4

The line at the top of this page pins the label git:20260904.6e22f9f, 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_37vauwfokelhqyd4.svg)](https://markdownregistry.com/a/art_37vauwfokelhqyd4)

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

Versions

The registry has recorded 3 versions of this file, between Jul 9, 2026 and Sep 4, 2026, about one every 28 days.

versioncommittedcommitsizeaudit
git:20260904.6e22f9f latest2026-09-04 6e22f9f 5,150 BA view · diff
git:20260717.78ac1fc2026-07-17 78ac1fc 4,951 BA view · diff
git:20260709.48e81f42026-07-09 48e81f4 2,535 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 (5150 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

nguyenthienthanh/aura-frog · 25 stars · license MIT · pushed 2026-10-01 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_37vauwfokelhqyd4
GET https://markdownregistry.com/api/v1/resolve?ref=nguyenthienthanh/aura-frog/frontend-aesthetics
GET https://markdownregistry.com/api/v1/blob/efdc81896a3e01a4de3e4164a4f93b1798e54ebde514ed82d831b919b70b8566

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 nguyenthienthanh/aura-frog

CLAUDE.md@aura-frog CLAUDE.md file
nguyenthienthanh/aura-frog · aura-frog/CLAUDE.md
git:20261001.e86bd63 · audit A · 25 stars
agent-detector SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/agent-detector/SKILL.md · CRITICAL: MUST run for EVERY message. Detects agent, complexity, AND model automatically. Without this, tasks route to…
git:20260812.7cc066c · audit A · 25 stars
api-designer SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/api-designer/SKILL.md · Designs RESTful APIs with endpoint naming, versioning strategies (URL path, header-based), pagination (offset and…
git:20260515.6be9f59 · audit A · 25 stars
bugfix-quick SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/bugfix-quick/SKILL.md · Fast bug fixes with root cause investigation + TDD. Enforces 'no fix without root cause' discipline and verification…
git:20260515.6be9f59 · audit A · 25 stars
chain-of-verification SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/chain-of-verification/SKILL.md · Draft → generate verification questions → answer independently via tools → revise. Catches hallucinated facts in…
git:20260924.947d255 · audit A · 25 stars
code-reviewer SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/code-reviewer/SKILL.md · 8-aspect evidence-based code review/audit (security, correctness, compatibility, architecture, error handling, test…
git:20260924.947d255 · audit A · 25 stars
code-simplifier SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/code-simplifier/SKILL.md · Detect and simplify overly complex code. Apply KISS principle - less is more.
git:20260515.6be9f59 · audit A · 25 stars
conflict-detector SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/conflict-detector/SKILL.md · L1-L4 conflict detection between a proposed T4 task and pending-confirm sibling tasks. L1 (file overlap) + L2…
git:20260515.6be9f59 · audit A · 25 stars
deep-debugging SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/deep-debugging/SKILL.md · Systematic debugging protocol for bugs that resist quick fixes. Use bisection, hypothesis trees, and scientific method…
git:20260515.6be9f59 · audit A · 25 stars
design-expert SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/design-expert/SKILL.md · UI/UX design expertise — component design, design system selection, responsive layout. Includes auto-detection from…
git:20260717.c6df55c · audit A · 25 stars
design-tokens SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/design-tokens/SKILL.md · Generate a cohesive color-token system from ONE OKLCH brand hue — primary/secondary/background/foreground/muted/border…
git:20260717.c6df55c · audit A · 25 stars
design-vision-loop SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/design-vision-loop/SKILL.md · Vision feedback loop for UI — render the running UI, screenshot it across viewports + dark mode, run deterministic…
git:20260728.fc5e06b · audit A · 25 stars

Every file in nguyenthienthanh/aura-frog

Other files named frontend-aesthetics

frontend-aesthetics SKILL.md skill
lukaskellerstein/claude-my-marketplace · plugins/design-plugin/skills/frontend-aesthetics/SKILL.md · Design guidance and aesthetic patterns for building beautiful, distinctive frontends — websites, web apps, landing…
git:20260329.dc4a0ef · audit A · 3 stars

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