Agent
Precisely extracts layout, components, color, and typography from a single screen in Figma, screenshots, UI mockups, design drafts, or PDF/PPT (via conversion) — extraction mode. Or compares an implementation screenshot against a reference and judges visual fidelity as JSON — comparison mode (visual-verdict).…
Hook
Runs when a session starts, executing session-init.sh. From sh5623/fe-rail.
Hook
Runs before the agent uses a tool for Bash, Write, Edit, MultiEdit, Read, Task and Agent tool calls, executing guard.sh, write-guard.sh, config-protection.sh, read-guard.sh and task-guard.sh (5 commands). From sh5623/fe-rail.
Hook
Runs after a tool call finishes for Edit, Write and MultiEdit tool calls, executing lint-fix.sh, nextjs-guard.sh and design-nudge.sh (3 commands). From sh5623/fe-rail.
Hook
Runs when the agent finishes a response, executing quality-gate.sh and doc-sync-check.sh (2 commands). From sh5623/fe-rail.
Skill Claude CodeCodex
Implements frontend components and pages for React / Next.js / Vite SPA + TypeScript projects. Use when: starting implementation after feature.md or a spec is approved, writing components, building pages. Do NOT load for: writing specs, code review, bug analysis.
Skill Claude CodeCodex
Comprehensively scans changes in code structure, tech stack, and workflow in the user project where this plugin is installed (e.g., Vibe App), and keeps that project's CLAUDE.md / README.md up to date. Covers new routes, components, dependencies, app/package additions, folder restructuring, framework switches, npm…
Skill Claude CodeCodex
Reviews implemented frontend code from multiple angles. Use when: after implementation is done, before committing, before creating a PR, or when code quality needs checking. Do NOT load for: writing specs, implementing new features.
Skill Claude CodeCodex
Converts requirements for a new frontend feature into a structured spec. Use when: before starting a new feature, when feature.md needs to be written, or when converting a planning doc into a dev spec. Do NOT load for: bug fixes, refactoring, simple style changes.
Skill Claude CodeCodex
Takes a feature.md file and automatically runs spec confirmation → implementation → review → commit → PR. Use when: the user says "fe-start feature.md" or "start with feature.md". Do NOT load for: one-off bug hotfixes, 1-line changes, exploratory work, or tasks where pass/fail signals are ambiguous (a single skill or…