skill-sukirman1901-frontend-expert-fe-architecture · by Install
$ agentstack add skill-sukirman1901-frontend-expert-fe-architecture ✓ 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-architecture) 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 Architecture
Overview
Keep UI modular and owned. Prefer local state and server cache over inventing a global store.
When to use
- Greenfield folder layout
- Refactors of tangled components
- Debates: Redux vs context vs query vs URL
When to skip
- Single-file prototype the user wants kept flat
- Pure visual polish with no structure ask
MUST (agent decisions)
| Decision | Default | |----------|---------| | Folders | Feature cohesion (features/x/) over dumping everything in components/ | | Remote data | Query/loader (data-fetching) — not a global store of server entities | | URL state | Shareable filters/tabs in the URL | | Global store | Last resort — only after local → lift → URL → server cache → context | | File size | Split presentational files >~200 lines; colocated tests when testing |
Workflow
- Boundaries — feature folders over type-only dumps
- State ladder — local → lifted → URL → server cache → context (theme/auth) → global store last
- Server/client — fetch on server when the stack allows; mark client islands explicitly
- Deps — UI primitives don’t import feature screens; features may use shared UI
- Size — split files >200 lines; colocated tests
Agent boundaries
- May decide: Feature vs route folder names; query lib; whether auth lives in context/session
- Must not: Add Redux/Zustand “by default”; put every form field in a global store; create circular feature imports
Checklist
- [ ] Feature ownership clear
- [ ] No unnecessary global store
- [ ] Server state not duplicated in client stores without reason
- [ ] Shared UI stays presentational
- [ ] State ladder documented in handoff when non-trivial
Depth
references/fe-architecture.md + existing references/architecture.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.