skill-sukirman1901-frontend-expert-fe-devtools · by Install
$ agentstack add skill-sukirman1901-frontend-expert-fe-devtools ✓ 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.
Links to your public security report.[](https://agentstack.voostack.com/security/report/skill-sukirman1901-frontend-expert-fe-devtools) 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
FE DevTools
Overview
Use browser/tooling evidence when available — don’t invent Lighthouse scores. Pair with web-performance, accessibility, and frontend-testing.
When to use
/test-uior ship checks when tooling exists in the project- User asks for Lighthouse, axe, Network, Layout shift, Coverage
- Design/perf audit needs measured Performance or Accessibility scorecard rows
- Verifying no horizontal overflow / focus order with real viewport tools
When to skip
- No runnable app / static markdown-only change
- User wants theory-only advice with no environment
- Pure token rename with no UI surface
MUST vs optional
| Check | MUST when | Optional | |-------|-----------|----------| | Responsive viewports | Layout UI ship (320/768/1024/1440) | — | | Keyboard / focus | Interactive forms, dialogs, drawers | — | | axe / a11y scan | /test-ui, /design deep, or user asks | Quick source-only audit | | Lighthouse / CWV | Perf ask, public landing, /design deep with app running | Tiny internal chrome tweak | | Network waterfalls | Suspected overfetch / huge assets | Default CRUD form | | Layout / CLS | Animations, fonts, images without dimensions | Static settings copy |
Rule: Never fabricate scores. If tools didn’t run → scorecard = not evaluated.
Workflow
- Confirm target — URL/route or local preview command
- Viewport — resize or device mode; note Responsive Conventions
- A11y — axe or equivalent; fix Critical/High (labels, contrast, names)
- Perf — Lighthouse or Web Vitals extension on key route; note LCP/INP/CLS risks
- Network — flag obvious huge JS/CSS/images on first load
- Report — tool · metric · value · source; hand remediations to
web-performance/accessibility/ build skills
Checklist
- [ ] Did not invent Lighthouse/axe numbers
- [ ] Viewport evidence for layout ships
- [ ] A11y scan when MUST (or waiver documented)
- [ ] Perf metrics only when tool ran or explicitly source-level risks
- [ ] Findings mapped to skills (not dumped as vague “optimize”)
Depth
references/fe-devtools.md. CWV detail: references/performance.md. A11y: references/accessibility-checklist.md.
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.