fe-clean-code
Audit frontend code for clean code principles: single responsibility, consistent patterns, error handling, TypeScript strictness, architecture, and simplicity/over-engineering.
- License 许可
- MIT
- 最近更新
- 2026-11-11
- Stars
- ★ 2
- Forks
- 0
01 前言 Front Matter
- name
- fe-clean-code
- description
- Audit frontend code for clean code principles: single responsibility, consistent patterns, error handling, TypeScript strictness, architecture, and simplicity/over-engineering.
- allowed-tools
- Read, Glob, Grep, Agent
- argument-hint
- [file-or-directory-path]
- user-invocable
- true
03 SKILL.md 正文
Clean Code Audit
Audit frontend React/TypeScript code for clean code principles across 8 quality dimensions.
Instructions
Step 0: Validate Configuration
- Read
.claude/frontend-react-plugin.json - If missing, tell the user to run
/frontend-react-plugin:fe-initfirst and stop - Extract
baseDir,appDir, androuterMode(default"declarative"when absent) from config —quality-reviewerneedsrouterModefor the dimension 1.6 router-convention checks
Step 1: Determine Scope
- If argument provided: audit the specified file or directory
- If no argument: audit all files in
{baseDir}/
A missing or empty target is unverifiable, never a pass. Confirm the resolved target exists
before launching the agent; if it does not, say so and stop. If the agent reports unverifiable,
surface that verbatim — do not render it as a passing audit.
Step 2: Launch Quality Reviewer (Standalone Mode)
Agent(subagent_type: "frontend-react-plugin:quality-reviewer", prompt: "
Review code quality in standalone mode.
Parameters:
- mode: standalone
- targetPath: {targetPath}
- projectRoot: {cwd}
- baseDir: {baseDir}
- routerMode: {routerMode}
Follow the process defined in agents/quality-reviewer.md.
Return the audit report as text.
")
Step 3: Display Report
Display the agent's text output directly. No further processing needed.
04 同仓库更多 Skills
hp-shared
Shared conventions for every homepage-plugin agent and skill — stack, code conventions, state-file writes, check commands and how to report them. Preloaded into agents through their `skills:` frontmatter; not meant to be invoked by hand.
fe-shared
Shared conventions for every frontend-react-plugin agent and skill — code conventions, state files and locks, accepted deviations, design principles, build working directory, router-mode command matrix, TypeScript check. Preloaded into agents through their `skills:` frontmatter; not meant to be invoked by hand.
be-spring-shared
Shared conventions for every backend-springboot-plugin agent and skill — tech stack, CQRS architecture, naming, coding standards, TDD, commit and build rules, state files. Preloaded into agents through their `skills:` frontmatter; not meant to be invoked by hand.
pp-translate
Use after directly editing the working language spec to sync changes to other supported languages.
pp-sync-stitch
Use when wireframes were manually edited on the Stitch website and need to be re-fetched to the local project.
pp-sync-notion
Use when a specification needs to be published or re-synced to Notion after finalization or manual edits.