Install
$ agentstack add skill-sukirman1901-frontend-expert-frontend-expert ✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
Verified badge
Passed review? Show it. Paste this badge into your README, it links to the public security report.
Reliability & compatibility
Declared compatibility
Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.
We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.
How agent discovery & health will work →About
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.
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: sukirman1901
- Source: sukirman1901/frontend-expert
- License: MIT
- Homepage: https://github.com/sukirman1901/frontend-expert
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet, be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.