debug-frontend
95 / 100 · Low risk
Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.
Systematic 5-step debugging flow for Next.js 15 + React 19 + TypeScript apps. Load when a UI bug is reported, hydration error appears, Server Action returns wrong data, or cache invalidation fails. Forces layer isolation (server vs client, action vs component, cache vs render) before touching code — prevents "fix here, break there" cascades.
What this skill can do
Runs commands on your computer
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'debug-frontend' ] || [ -L ~/.agents/skills/'debug-frontend' ]; then echo 'A skill folder named debug-frontend already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/yerdaulet-damir/vibe-coding-rules' "$d" && git -C "$d" checkout --quiet 'c6ca65d1445bc2f9cdba0e3973e05264aea8cbde' -- '.claude/skills/debug-frontend' && mkdir -p ~/.agents/skills && cp -R "$d"/'.claude/skills/debug-frontend' ~/.agents/skills/'debug-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/'debug-frontend' ~/.claude/skills/'debug-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
[](https://zalavijaysinh.github.io/skilltrust/repos/yerdaulet-damir/vibe-coding-rules/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-07 | c6ca65d | 95 |