AGENT SKILL

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

  1. Read .claude/frontend-react-plugin.json
  2. If missing, tell the user to run /frontend-react-plugin:fe-init first and stop
  3. Extract baseDir, appDir, and routerMode (default "declarative" when absent) from config — quality-reviewer needs routerMode for 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

ohmyhotelco
ohmyhotelco/hare-cc-plugins

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.

★ 2
ohmyhotelco
ohmyhotelco/hare-cc-plugins

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.

前端开发视觉设计
★ 2
ohmyhotelco
ohmyhotelco/hare-cc-plugins

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.

后端与接口Skill与智能体开发
★ 2
ohmyhotelco
ohmyhotelco/hare-cc-plugins

pp-translate

Use after directly editing the working language spec to sync changes to other supported languages.

★ 2
ohmyhotelco
ohmyhotelco/hare-cc-plugins

pp-sync-stitch

Use when wireframes were manually edited on the Stitch website and need to be re-fetched to the local project.

Skill与智能体开发
★ 2
ohmyhotelco
ohmyhotelco/hare-cc-plugins

pp-sync-notion

Use when a specification needs to be published or re-synced to Notion after finalization or manual edits.

Skill与智能体开发
★ 2