← All skills
senior-frontend
55 / 100 · Review before installing
Check before installing.
By anubhavg-icpl/vibe (GitHub) · design · 13 stars · scanned at commit d51e7ac
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.
Works with any agent that supports SKILL.md skills.
What this skill can do
Runs commands on your computer
The author does not mention this.
Found in 72 places.
Show 17 more
- skills/ag-senior-frontend/SKILL.md, line 59
npm run dev - skills/ag-senior-frontend/SKILL.md, line 105
python scripts/component_generator.py Button --dir src/components/ui - skills/ag-senior-frontend/SKILL.md, line 111
python scripts/component_generator.py ProductCard --type server - skills/ag-senior-frontend/SKILL.md, line 117
python scripts/component_generator.py UserProfile --with-test --with-story - skills/ag-senior-frontend/SKILL.md, line 122
python scripts/component_generator.py FormValidation --type hook - skills/ag-senior-frontend/SKILL.md, line 166
python scripts/bundle_analyzer.py /path/to/project - skills/ag-senior-frontend/SKILL.md, line 186
python scripts/bundle_analyzer.py . --verbose - .claude/settings.json, line 9
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" pre-bash'", - .claude/settings.json, line 19
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" pre-edit'", - .claude/settings.json, line 31
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" post-edit'", - .claude/settings.json, line 41
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" post-bash'", - .claude/settings.json, line 52
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" route'", - .claude/settings.json, line 63
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-restore'", - .claude/settings.json, line 68
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/auto-memory-hook.mjs\" import'", - .claude/settings.json, line 79
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-end'", - .claude/settings.json, line 90
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/auto-memory-hook.mjs\" sync'", - .claude/settings.json, line 102
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" compact-manual'"
and 52 more places
Sends data to these websites: api.example.com
The author does not mention this.
Found in 8 places.
Show 5 more
- skills/ag-senior-frontend/references/nextjs_optimization_guide.md, line 377
fetch('https://api.example.com/data', { cache: 'no-store' }); - skills/ag-senior-frontend/references/nextjs_optimization_guide.md, line 380
fetch('https://api.example.com/data', { - skills/ag-senior-frontend/references/nextjs_optimization_guide.md, line 385
fetch('https://api.example.com/products', { - skills/ag-senior-frontend/scripts/bundle_analyzer.py, line 40
"axios": { - skills/ag-senior-frontend/scripts/frontend_scaffolder.py, line 143
"dependencies": ["@tanstack/react-query", "axios"],
Downloads and installs other software
The author does not mention this. It runs automatically when the plugin is installed.
Found in 10 places.
Show 7 more
Reads your saved credentials, such as SSH keys or .env files
The author does not mention this. It runs automatically when the plugin is installed.
Found in 1 place.
Safer alternatives
Low-risk skills in the same category (design) that look related. Check that one does what you need.
Other copies in this repository
anubhavg-icpl/vibe has 1 more folder with a skill named senior-frontend. This page shows the lowest-scoring copy.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'senior-frontend' ] || [ -L ~/.agents/skills/'senior-frontend' ]; then echo 'A skill folder named senior-frontend already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/anubhavg-icpl/vibe' "$d" && git -C "$d" checkout --quiet 'd51e7ac9a34111cd2e63daed83c2198f91570050' -- 'skills/ag-senior-frontend' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/ag-senior-frontend' ~/.agents/skills/'senior-frontend' && 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/'senior-frontend' ~/.claude/skills/'senior-frontend' (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 anubhavg-icpl/vibe shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/anubhavg-icpl/vibe/)
Score history
| Date | Version | Score |
|---|
| 2026-11-08 | d51e7ac | 55 |