frontend-architecture
100 / 100 · Low risk
Fine to try.
Use when structuring a frontend codebase. Covers module and folder organization, state boundaries, data-fetching layers, build configuration, and keeping a large application navigable. Trigger on "how should i structure this frontend", "our components folder is a mess", "where should data fetching live", "set up a frontend monorepo". Do not use for component-level state and hooks — see the react skill.
What this skill can do
We found nothing in the files we read that matches our rules. That does not prove the skill is safe: see the limits of static scanning.
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/nimadorostkar/Claude-Skills-collection' "$d" && git -C "$d" checkout --quiet '1691932edc17063d712a85d02bcc7a1cd3791057' -- 'skills/frontend/frontend-architecture' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/frontend/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
[](https://zalavijaysinh.github.io/skilltrust/repos/nimadorostkar/Claude-Skills-collection/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-09 | 1691932 | 100 |
| 2026-11-07 | 31f227e | 100 |