claude

fe-kit

Architecture ownership, reuse-first authoring, and React performance checks before non-trivial frontend work.

0 on GitHubby Nhat Hoangv1.11.0MITupdated yesterdaydevelopment
/

Plugin fe-kit from marketplace fe-kit in nhathoagn/plugin-architecture. Commands read from the repo's manifest — yesterday.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (3)

  • fe-kit

    Architecture-first ownership, reuse-first authoring, React performance checks, a senior audit (reuse, architecture, operational flow, error handling, load, extension), and flagged, separated feature isolation for new behavior added to existing UI, before or during frontend work. Use before implement

  • ui-image-check

    Đối chiếu một ảnh giao diện (mockup SVG/PNG/JPG, ảnh chụp màn hình, ảnh Figma export) với code FE/BE thật — liệt kê từng item trong ảnh rồi kiểm item đó có trong code không, chữ/thứ tự/trạng thái/kích thước có khớp không, kèm file:line. Dùng khi được đưa một ảnh và yêu cầu "check lại trong code", "s

  • ut-report

    Viết báo cáo UT (unit test do dev tự test) của một màn (hệ cũ ↔ hệ mới) ra file Excel theo template chuẩn của team — dòng đầu Branch / Redmine, cột Case (#, Nhóm, Trường hợp mã 1.1), Mong đợi (Hệ cũ, Hệ mới), Ngày test, Kết quả (dropdown OK/NG/NA/NT/NG -> OK), Tester (Dev), Note/Lý do; nhóm Layout /

Subagents (1)

  • reviewer

    Review a frontend git diff in a fresh context against the fe-kit checklist. Use after a frontend edit, before commit or PR. Read-only. Do not use for a screen review of existing UI.

Hooks (5)

  • UserPromptSubmit

    "${CLAUDE_PLUGIN_ROOT}/scripts/fe-gate.sh"

  • PreToolUse

    "${CLAUDE_PLUGIN_ROOT}/scripts/fe-gate.sh"

  • SessionStart

    "${CLAUDE_PLUGIN_ROOT}/scripts/fe-gate.sh"

  • PreCompact

    "${CLAUDE_PLUGIN_ROOT}/scripts/fe-gate.sh"

  • PostToolUse

    "${CLAUDE_PLUGIN_ROOT}/scripts/fe-gate.sh"

View source on GitHub

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

understand-anything

claude

AI-powered codebase understanding — analyze, visualize, and explain any project

9 skills · 10 agents · hooks

Egonex-AI/Understand-Anything 92,410

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Maintain fe-kit?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex pluginslisted