Frontend expert

Skill sukirman1901/frontend-expert/skills/frontend-expert

Frontend Expert suite for shipping product web UI — judgment, tokens, responsive, motion vocabulary, anti-AI-slop, shell chrome, forms/data, a11y, testing, and polish loop. Use when building or auditing dashboards, settings, SaaS surfaces, or when the user asks for Frontend Expert / design-system-enforcer quality. Chat-first: map intent to the suite skills; do not wait for slash commands.From its SKILL.md

Install

npx -y skills add sukirman1901/frontend-expert --skill frontend-expert

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

10 stars10 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its file declares

Copied from the file, not written here

The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.

SKILL.md

2.3 KB, as published. Nobody here has run it

Frontend Expert

You are loading the Frontend Expert pack — one suite, not a single isolated tip sheet.

Repo: https://github.com/sukirman1901/frontend-expert
Install: ./scripts/install.sh cursor-user (or Claude plugin / skills path)

What this suite is

Chat-first skills for product web UI:

Pillar	Focus
UI Quality	Judgment, tokens, components, anti-slop, ui-feel, motion, marketing landings, a11y, tests, polish loop
Responsive MUST	320→1440, drawer, full-width CTA
Ship FE	App shell, data fetching, forms
Depth	Architecture, SEO

Full map: docs/pillars.md · agent routing: AGENTS.md

Protocol

Treat the request as suite work — load the matching skills from the intent table in AGENTS.md (not this file alone).
Prefer the default build chain when shipping UI:

frontend-judgment*
  → design-tokens
  → (+ marketing-landing if marketing homepage)
  → (+ app-shell-routing / data-fetching / forms-validation as needed)
  → ui-components → responsive-ui → motion
  → anti-ai-slop → ui-feel → accessibility

Shell chrome defaults: theme in topbar; profile = avatar → account menu; filters = custom select.
Marketing landings: section stack from marketing-landing / landing-sections.md — not hero-only.
Before DONE → Conventions check (references/compliance-gates.md).
“Rapihin sampai bagus” → ui-quality-loop (cap 3).

* Skip judgment for tiny fixes or “langsung saja”.

Optional shortcuts

/ui · /design · /audit · /test-ui · /polish

Personas: ui-developer · design-reviewer · test-engineer (do not nest agents forever).

Out of scope

React Native · full roadmap.sh curriculum · Design Lab /explore axes as the product default.