frontend-architecture

82 / 100 · Low risk

Fine to try.

By stareezy-1/frontend-architecture-skill (GitHub) · design · 10 stars · scanned at commit d7f0c53

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. State-management agnostic (Zustand, Redux Toolkit, MobX, Jotai, Valtio, or Context). Styling agnostic (Tailwind, CSS Modules, Tamagui, StyleSheet, styled-components). Use this skill when scaffolding a new app, ad…

Works with any agent that supports SKILL.md skills.

What this skill can do

Connects to the internet

This is disclosed by the author in the skill's SKILL.md or README.

Found in 2 places.

skills/frontend-architecture/SKILL.md, line 254Invalidating `lists()` refreshes every filtered page; `detail(id)` targets one entity. (RTK Query/SWR/Apollo express the same idea with tags/keys.) Components n
skills/frontend-architecture/SKILL.md, line 360- [ ] No `fetch()` in components — only typed data hooks built on the shared client.

Downloads and installs other software

The author does not mention this.

Found in 2 places.

skills/frontend-architecture/SKILL.md, line 400This skill follows the Anthropic `SKILL.md` format and is portable across agents. To make it installable and discoverable (e.g. on skills.sh / `npx skills`):
skills/frontend-architecture/SKILL.md, line 4043. Install from any project with: `npx skills add <org>/<repo> --skill "frontend-architecture"`.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'frontend-architecture' ] || [ -L ~/.agents/skills/'frontend-architecture' ]; then echo 'A skill folder named frontend-architecture already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/stareezy-1/frontend-architecture-skill' "$d" && git -C "$d" checkout --quiet 'd7f0c53dcd0c2c43f455bd5ce88aa6797c585fe0' -- 'skills/frontend-architecture' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/frontend-architecture' ~/.agents/skills/'frontend-architecture' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'frontend-architecture' ~/.claude/skills/'frontend-architecture' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for stareezy-1/frontend-architecture-skill shows the score of its lowest-scoring skill.

SkillTrust badge for stareezy-1/frontend-architecture-skill

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/stareezy-1/frontend-architecture-skill.svg)](https://zalavijaysinh.github.io/skilltrust/repos/stareezy-1/frontend-architecture-skill/)

Score history

Date	Version	Score
2026-11-08	`d7f0c53`	82