| name | frontend-architecture |
| description | A portable, framework-agnostic architecture style for any React or React Native frontend. Organizes apps into feature modules with page/screen directories, a strict server-state vs UI-state split, bar |
| category | Document Processing |
| source | antigravity |
| tags | ["react","api","claude","ai","agent","template","design","document","security","tailwind"] |
| url | https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/frontend-architecture |
Frontend Architecture (portable, module-based)
When to Use
Use this skill when you need a portable, framework-agnostic architecture style for any React or React Native frontend. Organizes apps into feature modules with page/screen directories, a strict server-state vs UI-state split, barrel-only cross-module imports, co-located styles, and clear component-promotion rules....
Portable skill — readable by Claude Code, OpenCode, Codex, Cursor, Windsurf, and others.
This skill describes a structure and a set of rules, not a component library, a state library, or a visual style.
It is deliberately global: the same module/page/state model maps onto
, , , and , and it works
with state-management and styling stack.
