@bovinphang/frontend-craft 2.8.0 → 2.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude-plugin/marketplace.json +3 -3
- package/.claude-plugin/plugin.json +1 -1
- package/CHANGELOG.md +378 -339
- package/CHANGELOG.zh-CN.md +377 -338
- package/CONTRIBUTING.md +371 -361
- package/CONTRIBUTING.zh-CN.md +371 -361
- package/README.md +545 -493
- package/README.openclaw.md +359 -320
- package/README.openclaw.zh-CN.md +359 -320
- package/README.zh-CN.md +545 -493
- package/agents/fec-code-reviewer.md +24 -3
- package/agents/fec-debugger.md +1 -1
- package/agents/fec-doc-updater.md +1 -1
- package/agents/fec-e2e-runner.md +1 -1
- package/agents/fec-figma-implementer.md +1 -1
- package/agents/fec-performance-optimizer.md +1 -1
- package/agents/fec-refactor-cleaner.md +4 -1
- package/agents/fec-refactoring-expert.md +81 -0
- package/agents/fec-security-reviewer.md +17 -1
- package/agents/fec-test-planner.md +1 -1
- package/agents/fec-typescript-reviewer.md +24 -8
- package/agents/fec-ui-checker.md +11 -11
- package/commands/fec-debug.md +1 -1
- package/commands/fec-refactor-plan.md +17 -0
- package/commands/fec-refactor.md +18 -0
- package/commands/fec-review.md +40 -10
- package/commands/fec-scaffold.md +1 -1
- package/commands/fec-smell.md +17 -0
- package/commands/fec-tdd.md +6 -2
- package/dist/bin/frontend-craft.js +190 -38
- package/dist/hooks/fec-run-tests.js +5 -1
- package/dist/hooks/fec-session-start.js +1 -1
- package/docs/example-prompts.md +157 -140
- package/docs/ja-JP/README.md +534 -493
- package/docs/ko-KR/README.md +534 -493
- package/docs/project-structure.md +151 -131
- package/docs/refactoring/README.md +50 -0
- package/docs/refactoring/catalog.md +105 -0
- package/docs/refactoring/smell-refactoring-matrix.md +41 -0
- package/docs/review-and-diagram-workflows.md +39 -0
- package/docs/runtimes/antigravity.md +18 -10
- package/docs/runtimes/augment.md +18 -10
- package/docs/runtimes/claude.md +191 -177
- package/docs/runtimes/claude.zh-CN.md +189 -175
- package/docs/runtimes/cline.md +18 -10
- package/docs/runtimes/codebuddy.md +18 -10
- package/docs/runtimes/codex.md +18 -10
- package/docs/runtimes/compatibility.md +27 -0
- package/docs/runtimes/copilot.md +18 -10
- package/docs/runtimes/cursor.md +18 -10
- package/docs/runtimes/gemini.md +18 -10
- package/docs/runtimes/kilo.md +18 -10
- package/docs/runtimes/openclaw.md +18 -10
- package/docs/runtimes/opencode.md +18 -10
- package/docs/runtimes/qoder.md +18 -19
- package/docs/runtimes/trae.md +18 -10
- package/docs/runtimes/windsurf.md +18 -10
- package/docs/superpowers/plans/2026-09-26-content-integrity.md +145 -0
- package/docs/superpowers/plans/2026-09-26-diagram-quality.md +170 -0
- package/docs/superpowers/specs/2026-09-26-diagram-quality-design.md +77 -0
- package/docs/superpowers/specs/2026-09-26-project-optimization-design.md +95 -0
- package/docs/zh-CN/example-prompts.md +157 -140
- package/docs/zh-CN/project-structure.md +148 -128
- package/docs/zh-CN/review-and-diagram-workflows.md +39 -0
- package/docs/zh-TW/README.md +534 -493
- package/localized/zh-CN/agents/fec-code-reviewer.md +22 -3
- package/localized/zh-CN/agents/fec-refactor-cleaner.md +3 -0
- package/localized/zh-CN/agents/fec-refactoring-expert.md +53 -0
- package/localized/zh-CN/agents/fec-security-reviewer.md +16 -0
- package/localized/zh-CN/agents/fec-typescript-reviewer.md +23 -7
- package/localized/zh-CN/commands/fec-refactor-plan.md +15 -0
- package/localized/zh-CN/commands/fec-refactor.md +14 -0
- package/localized/zh-CN/commands/fec-review.md +40 -9
- package/localized/zh-CN/commands/fec-smell.md +13 -0
- package/localized/zh-CN/commands/fec-tdd.md +4 -0
- package/localized/zh-CN/skills/eval_queries.json +244 -0
- package/localized/zh-CN/skills/fec-code-review/SKILL.md +20 -1
- package/localized/zh-CN/skills/fec-code-review/references/report-template.md +11 -1
- package/localized/zh-CN/skills/fec-code-smells/SKILL.md +33 -0
- package/localized/zh-CN/skills/fec-code-smells/references/detection-guide.md +25 -0
- package/localized/zh-CN/skills/fec-code-smells/references/smell-catalog.md +817 -0
- package/localized/zh-CN/skills/fec-code-smells/references/smell-to-refactoring-map.md +265 -0
- package/localized/zh-CN/skills/fec-image-generation/SKILL.md +31 -1
- package/localized/zh-CN/skills/fec-image-generation/assets/quality-examples/README.md +14 -0
- package/localized/zh-CN/skills/fec-image-generation/assets/quality-examples/architecture.json +121 -0
- package/localized/zh-CN/skills/fec-image-generation/assets/quality-examples/invalid-explicit.json +41 -0
- package/localized/zh-CN/skills/fec-image-generation/assets/quality-examples/sequence.json +53 -0
- package/localized/zh-CN/skills/fec-image-generation/assets/quality-examples/sequence.mmd +21 -0
- package/localized/zh-CN/skills/fec-image-generation/assets/quality-examples/workflow.json +98 -0
- package/localized/zh-CN/skills/fec-image-generation/assets/quality-examples/workflow.mmd +7 -0
- package/localized/zh-CN/skills/fec-image-generation/references/diagram-workflows.md +10 -3
- package/localized/zh-CN/skills/fec-image-generation/references/html-technical-diagrams.md +8 -1
- package/localized/zh-CN/skills/fec-image-generation/references/png-qa-autofix.md +9 -2
- package/localized/zh-CN/skills/fec-image-generation/scripts/diagram-browser.mjs +90 -0
- package/localized/zh-CN/skills/fec-image-generation/scripts/diagram-layout.mjs +176 -0
- package/localized/zh-CN/skills/fec-image-generation/scripts/export-diagram.mjs +48 -80
- package/localized/zh-CN/skills/fec-image-generation/scripts/mermaid-render.mjs +64 -0
- package/localized/zh-CN/skills/fec-image-generation/scripts/png-qa.mjs +35 -4
- package/localized/zh-CN/skills/fec-image-generation/scripts/tech-diagram-render.mjs +193 -53
- package/localized/zh-CN/skills/fec-refactor-clean/SKILL.md +3 -0
- package/localized/zh-CN/skills/fec-refactoring/SKILL.md +83 -0
- package/localized/zh-CN/skills/fec-refactoring/references/principles.md +43 -0
- package/localized/zh-CN/skills/fec-refactoring/references/refactoring-vs-feature-change.md +25 -0
- package/localized/zh-CN/skills/fec-refactoring/references/when-to-refactor.md +17 -0
- package/localized/zh-CN/skills/fec-refactoring/references/workflow.md +59 -0
- package/localized/zh-CN/skills/fec-refactoring-api/SKILL.md +25 -0
- package/localized/zh-CN/skills/fec-refactoring-api/references/api-refactorings.md +496 -0
- package/localized/zh-CN/skills/fec-refactoring-catalog/SKILL.md +21 -0
- package/localized/zh-CN/skills/fec-refactoring-catalog/references/catalog-index.md +99 -0
- package/localized/zh-CN/skills/fec-refactoring-catalog/references/composition-guide.md +49 -0
- package/localized/zh-CN/skills/fec-refactoring-catalog/references/selection-guide.md +41 -0
- package/localized/zh-CN/skills/fec-refactoring-control/SKILL.md +25 -0
- package/localized/zh-CN/skills/fec-refactoring-control/references/conditional-refactorings.md +299 -0
- package/localized/zh-CN/skills/fec-refactoring-data/SKILL.md +25 -0
- package/localized/zh-CN/skills/fec-refactoring-data/references/data-refactorings.md +248 -0
- package/localized/zh-CN/skills/fec-refactoring-encapsulation/SKILL.md +25 -0
- package/localized/zh-CN/skills/fec-refactoring-encapsulation/references/encapsulation-refactorings.md +452 -0
- package/localized/zh-CN/skills/fec-refactoring-functions/SKILL.md +25 -0
- package/localized/zh-CN/skills/fec-refactoring-functions/references/function-refactorings.md +567 -0
- package/localized/zh-CN/skills/fec-refactoring-inheritance/SKILL.md +25 -0
- package/localized/zh-CN/skills/fec-refactoring-inheritance/references/inheritance-refactorings.md +550 -0
- package/localized/zh-CN/skills/fec-refactoring-move-features/SKILL.md +25 -0
- package/localized/zh-CN/skills/fec-refactoring-move-features/references/moving-refactorings.md +453 -0
- package/localized/zh-CN/skills/fec-refactoring-validation/SKILL.md +52 -0
- package/localized/zh-CN/skills/fec-refactoring-validation/references/behavior-preservation.md +15 -0
- package/localized/zh-CN/skills/fec-refactoring-validation/references/refactoring-test-checklist.md +25 -0
- package/localized/zh-CN/skills/fec-security-review/SKILL.md +16 -0
- package/localized/zh-CN/skills/fec-security-review/references/report-template.md +10 -0
- package/localized/zh-CN/skills/fec-tdd-workflow/SKILL.md +3 -0
- package/localized/zh-CN/skills/metadata.json +408 -50
- package/localized/zh-CN/skills/relations.json +271 -3
- package/localized/zh-CN/templates/shared/rules/fec-agent-workflow.md +1 -0
- package/openclaw.plugin.json +2 -3
- package/package.json +27 -17
- package/skills/eval_queries.json +244 -0
- package/skills/fec-code-review/SKILL.md +20 -1
- package/skills/fec-code-review/references/report-template.md +11 -1
- package/skills/fec-code-smells/SKILL.md +33 -0
- package/skills/fec-code-smells/references/detection-guide.md +25 -0
- package/skills/fec-code-smells/references/smell-catalog.md +861 -0
- package/skills/fec-code-smells/references/smell-to-refactoring-map.md +265 -0
- package/skills/fec-data-fetching/SKILL.md +1 -1
- package/skills/fec-image-generation/SKILL.md +31 -1
- package/skills/fec-image-generation/assets/quality-examples/README.md +14 -0
- package/skills/fec-image-generation/assets/quality-examples/architecture.json +121 -0
- package/skills/fec-image-generation/assets/quality-examples/invalid-explicit.json +41 -0
- package/skills/fec-image-generation/assets/quality-examples/sequence.json +53 -0
- package/skills/fec-image-generation/assets/quality-examples/sequence.mmd +21 -0
- package/skills/fec-image-generation/assets/quality-examples/workflow.json +98 -0
- package/skills/fec-image-generation/assets/quality-examples/workflow.mmd +7 -0
- package/skills/fec-image-generation/references/diagram-workflows.md +10 -3
- package/skills/fec-image-generation/references/html-technical-diagrams.md +8 -1
- package/skills/fec-image-generation/references/png-qa-autofix.md +9 -2
- package/skills/fec-image-generation/scripts/diagram-browser.mjs +90 -0
- package/skills/fec-image-generation/scripts/diagram-layout.mjs +176 -0
- package/skills/fec-image-generation/scripts/export-diagram.mjs +48 -80
- package/skills/fec-image-generation/scripts/mermaid-render.mjs +64 -0
- package/skills/fec-image-generation/scripts/png-qa.mjs +35 -4
- package/skills/fec-image-generation/scripts/tech-diagram-render.mjs +193 -53
- package/skills/fec-legacy-web-standard/SKILL.md +1 -1
- package/skills/fec-refactor-clean/SKILL.md +3 -0
- package/skills/fec-refactoring/SKILL.md +83 -0
- package/skills/fec-refactoring/references/principles.md +60 -0
- package/skills/fec-refactoring/references/refactoring-vs-feature-change.md +27 -0
- package/skills/fec-refactoring/references/when-to-refactor.md +31 -0
- package/skills/fec-refactoring/references/workflow.md +90 -0
- package/skills/fec-refactoring-api/SKILL.md +25 -0
- package/skills/fec-refactoring-api/references/api-refactorings.md +496 -0
- package/skills/fec-refactoring-catalog/SKILL.md +28 -0
- package/skills/fec-refactoring-catalog/references/catalog-index.md +99 -0
- package/skills/fec-refactoring-catalog/references/composition-guide.md +49 -0
- package/skills/fec-refactoring-catalog/references/selection-guide.md +47 -0
- package/skills/fec-refactoring-control/SKILL.md +25 -0
- package/skills/fec-refactoring-control/references/conditional-refactorings.md +299 -0
- package/skills/fec-refactoring-data/SKILL.md +25 -0
- package/skills/fec-refactoring-data/references/data-refactorings.md +248 -0
- package/skills/fec-refactoring-encapsulation/SKILL.md +25 -0
- package/skills/fec-refactoring-encapsulation/references/encapsulation-refactorings.md +452 -0
- package/skills/fec-refactoring-functions/SKILL.md +25 -0
- package/skills/fec-refactoring-functions/references/function-refactorings.md +567 -0
- package/skills/fec-refactoring-inheritance/SKILL.md +25 -0
- package/skills/fec-refactoring-inheritance/references/inheritance-refactorings.md +550 -0
- package/skills/fec-refactoring-move-features/SKILL.md +25 -0
- package/skills/fec-refactoring-move-features/references/moving-refactorings.md +453 -0
- package/skills/fec-refactoring-validation/SKILL.md +59 -0
- package/skills/fec-refactoring-validation/references/behavior-preservation.md +53 -0
- package/skills/fec-refactoring-validation/references/refactoring-test-checklist.md +42 -0
- package/skills/fec-security-review/SKILL.md +16 -0
- package/skills/fec-security-review/references/report-template.md +10 -0
- package/skills/fec-tdd-workflow/SKILL.md +5 -1
- package/skills/metadata.json +434 -71
- package/skills/relations.json +264 -0
- package/templates/shared/rules/fec-agent-workflow.md +1 -0
- package/docs/superpowers/plans/2026-05-29-fec-debug.md +0 -491
- package/docs/superpowers/specs/2026-05-29-fec-debug-design.md +0 -340
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
# frontend-craft:
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
# frontend-craft: Antigravity
|
|
2
|
+
|
|
3
|
+
```bash
|
|
4
|
+
fec setup antigravity
|
|
5
|
+
fec setup antigravity --global
|
|
6
|
+
fec doctor antigravity --local
|
|
7
|
+
fec doctor antigravity --global
|
|
8
|
+
```
|
|
9
|
+
|
|
10
|
+
Without a global CLI installation, use `npx @bovinphang/frontend-craft install antigravity --local` or `--global`.
|
|
11
|
+
|
|
12
|
+
Project skills retain backward-compatible `.agent/skills`; the current IDE/2.0 user base is `~/.gemini/config`, so skills go in `~/.gemini/config/skills`. For Antigravity CLI set `ANTIGRAVITY_CONFIG_DIR` to `~/.gemini/antigravity-cli` before global installation. The override selects one product scope; this adapter does not install plugins or hooks. After upgrading an old default global install, run `fec setup antigravity --global`; the old `~/.gemini/antigravity` files are preserved.
|
|
13
|
+
|
|
14
|
+
The capability matrix describes what frontend-craft installs, not every feature offered by the host. `doctor` checks installation artifacts; it does not launch the host or certify a release version.
|
|
15
|
+
|
|
16
|
+
[Official reference](https://antigravity.google/docs/skills) · [Compatibility and upgrade notes](compatibility.md)
|
|
17
|
+
|
|
18
|
+
Review defaults to the full project; a file/directory request includes unchanged code, while incremental review requires an explicit changes/PR/commit request. Technical diagrams use structured sources; PNG export requires a local browser and disclosed QA coverage. See [review scope and technical diagram delivery](../review-and-diagram-workflows.md).
|
package/docs/runtimes/augment.md
CHANGED
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
# frontend-craft:
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
# frontend-craft: Augment
|
|
2
|
+
|
|
3
|
+
```bash
|
|
4
|
+
fec setup augment
|
|
5
|
+
fec setup augment --global
|
|
6
|
+
fec doctor augment --local
|
|
7
|
+
fec doctor augment --global
|
|
8
|
+
```
|
|
9
|
+
|
|
10
|
+
Without a global CLI installation, use `npx @bovinphang/frontend-craft install augment --local` or `--global`.
|
|
11
|
+
|
|
12
|
+
Skills use `.augment/skills` or `~/.augment/skills` (`AUGMENT_CONFIG_DIR` override). The adapter currently installs skills only. Native agents, rules, hooks and MCP support in Augment do not imply that this adapter installs those capabilities.
|
|
13
|
+
|
|
14
|
+
The capability matrix describes what frontend-craft installs, not every feature offered by the host. `doctor` checks installation artifacts; it does not launch the host or certify a release version.
|
|
15
|
+
|
|
16
|
+
[Official reference](https://docs.augmentcode.com/cli/skills) · [Compatibility and upgrade notes](compatibility.md)
|
|
17
|
+
|
|
18
|
+
Review defaults to the full project; a file/directory request includes unchanged code, while incremental review requires an explicit changes/PR/commit request. Technical diagrams use structured sources; PNG export requires a local browser and disclosed QA coverage. See [review scope and technical diagram delivery](../review-and-diagram-workflows.md).
|
package/docs/runtimes/claude.md
CHANGED
|
@@ -1,177 +1,191 @@
|
|
|
1
|
-
# frontend-craft: Claude (Claude Code)
|
|
2
|
-
|
|
3
|
-
Recommended path for most Claude Code users: install through **Claude Code Marketplace** so Claude Code is the single plugin loader.
|
|
4
|
-
|
|
5
|
-
Use the CLI only when you need cross-runtime installation, offline/scripted file copies, or a non-Marketplace environment:
|
|
6
|
-
|
|
7
|
-
```bash
|
|
8
|
-
npx @bovinphang/frontend-craft@latest install --local claude
|
|
9
|
-
# or
|
|
10
|
-
npx @bovinphang/frontend-craft@latest install --global claude
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
> **Non-interactive:** append `--local` or `--global` to skip install-location prompts. See the repository README **Universal Install** for interactive vs. scripted behavior.
|
|
14
|
-
|
|
15
|
-
Choose one active source of truth for the same Claude scope: Marketplace/native plugin, CLI install, or `--plugin-dir`. They can technically coexist, but running multiple complete copies in the same Claude session can duplicate commands, skills, agents, and hooks.
|
|
16
|
-
|
|
17
|
-
The CLI enforces this for Marketplace installs: if Claude Code Marketplace already manages `frontend-craft`, `frontend-craft install/update claude` stops and tells you to update through Marketplace instead. `--force` does not override a Marketplace install.
|
|
18
|
-
|
|
19
|
-
---
|
|
20
|
-
|
|
21
|
-
## Claude Code Marketplace
|
|
22
|
-
|
|
23
|
-
You can install `frontend-craft` as a Claude Code marketplace plugin. This loads the plugin natively inside Claude Code.
|
|
24
|
-
|
|
25
|
-
The Marketplace entry resolves the plugin from the published npm package, which includes the compiled `dist/hooks/*.js` runtime files used by Claude hooks. If a Marketplace install reports a missing `dist/hooks/fec-*.js` file, update or reinstall the Marketplace plugin so Claude refreshes its plugin cache instead of copying files into the cache manually.
|
|
26
|
-
|
|
27
|
-
---
|
|
28
|
-
|
|
29
|
-
## Quick start after Marketplace install
|
|
30
|
-
|
|
31
|
-
Get started in a few minutes:
|
|
32
|
-
|
|
33
|
-
### Step 1: Install the plugin
|
|
34
|
-
|
|
35
|
-
```bash
|
|
36
|
-
# Add marketplace
|
|
37
|
-
/plugin marketplace add bovinphang/frontend-craft
|
|
38
|
-
|
|
39
|
-
# Install plugin
|
|
40
|
-
/plugin install frontend-craft@frontend-craft
|
|
41
|
-
|
|
42
|
-
# Activate
|
|
43
|
-
/reload-plugins
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
### Step 2: Initialize project config (recommended)
|
|
47
|
-
|
|
48
|
-
```bash
|
|
49
|
-
# Copy project templates to .claude/ directory
|
|
50
|
-
/fec-init
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
After initialization, customize for your project:
|
|
54
|
-
|
|
55
|
-
1. `.claude/CLAUDE.md` — Update project info, package manager, common commands (source templates: `templates/claude/`; `/fec-init` copies into `.claude/`)
|
|
56
|
-
2. `.claude/rules/` — Remove inapplicable rules (e.g. delete `fec-vue.md` for React-only projects, delete `fec-i18n.md` if i18n is not needed)
|
|
57
|
-
3. `.claude/settings.json` — Adjust permission whitelist
|
|
58
|
-
|
|
59
|
-
> **Why this step?** The plugin provides reusable Skills, Agents, and Hooks. CLAUDE.md and rules are project-level config and must live under the project root `.claude/` for Claude Code to recognize them. The `/fec-init` command helps you set this up quickly.
|
|
60
|
-
>
|
|
61
|
-
> `/fec-init` initializes project config; it is not a second plugin install. Keep the plugin body managed by Marketplace, CLI, or `--plugin-dir`, not more than one at once.
|
|
62
|
-
|
|
63
|
-
### Step 3: Start using
|
|
64
|
-
|
|
65
|
-
```bash
|
|
66
|
-
#
|
|
67
|
-
/fec-review
|
|
68
|
-
|
|
69
|
-
#
|
|
70
|
-
/fec-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
/
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
```
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
```
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
1
|
+
# frontend-craft: Claude (Claude Code)
|
|
2
|
+
|
|
3
|
+
Recommended path for most Claude Code users: install through **Claude Code Marketplace** so Claude Code is the single plugin loader.
|
|
4
|
+
|
|
5
|
+
Use the CLI only when you need cross-runtime installation, offline/scripted file copies, or a non-Marketplace environment:
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npx @bovinphang/frontend-craft@latest install --local claude
|
|
9
|
+
# or
|
|
10
|
+
npx @bovinphang/frontend-craft@latest install --global claude
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
> **Non-interactive:** append `--local` or `--global` to skip install-location prompts. See the repository README **Universal Install** for interactive vs. scripted behavior.
|
|
14
|
+
|
|
15
|
+
Choose one active source of truth for the same Claude scope: Marketplace/native plugin, CLI install, or `--plugin-dir`. They can technically coexist, but running multiple complete copies in the same Claude session can duplicate commands, skills, agents, and hooks.
|
|
16
|
+
|
|
17
|
+
The CLI enforces this for Marketplace installs: if Claude Code Marketplace already manages `frontend-craft`, `frontend-craft install/update claude` stops and tells you to update through Marketplace instead. `--force` does not override a Marketplace install.
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
## Claude Code Marketplace
|
|
22
|
+
|
|
23
|
+
You can install `frontend-craft` as a Claude Code marketplace plugin. This loads the plugin natively inside Claude Code.
|
|
24
|
+
|
|
25
|
+
The Marketplace entry resolves the plugin from the published npm package, which includes the compiled `dist/hooks/*.js` runtime files used by Claude hooks. If a Marketplace install reports a missing `dist/hooks/fec-*.js` file, update or reinstall the Marketplace plugin so Claude refreshes its plugin cache instead of copying files into the cache manually.
|
|
26
|
+
|
|
27
|
+
---
|
|
28
|
+
|
|
29
|
+
## Quick start after Marketplace install
|
|
30
|
+
|
|
31
|
+
Get started in a few minutes:
|
|
32
|
+
|
|
33
|
+
### Step 1: Install the plugin
|
|
34
|
+
|
|
35
|
+
```bash
|
|
36
|
+
# Add marketplace
|
|
37
|
+
/plugin marketplace add bovinphang/frontend-craft
|
|
38
|
+
|
|
39
|
+
# Install plugin
|
|
40
|
+
/plugin install frontend-craft@frontend-craft
|
|
41
|
+
|
|
42
|
+
# Activate
|
|
43
|
+
/reload-plugins
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### Step 2: Initialize project config (recommended)
|
|
47
|
+
|
|
48
|
+
```bash
|
|
49
|
+
# Copy project templates to .claude/ directory
|
|
50
|
+
/fec-init
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
After initialization, customize for your project:
|
|
54
|
+
|
|
55
|
+
1. `.claude/CLAUDE.md` — Update project info, package manager, common commands (source templates: `templates/claude/`; `/fec-init` copies into `.claude/`)
|
|
56
|
+
2. `.claude/rules/` — Remove inapplicable rules (e.g. delete `fec-vue.md` for React-only projects, delete `fec-i18n.md` if i18n is not needed)
|
|
57
|
+
3. `.claude/settings.json` — Adjust permission whitelist
|
|
58
|
+
|
|
59
|
+
> **Why this step?** The plugin provides reusable Skills, Agents, and Hooks. CLAUDE.md and rules are project-level config and must live under the project root `.claude/` for Claude Code to recognize them. The `/fec-init` command helps you set this up quickly.
|
|
60
|
+
>
|
|
61
|
+
> `/fec-init` initializes project config; it is not a second plugin install. Keep the plugin body managed by Marketplace, CLI, or `--plugin-dir`, not more than one at once.
|
|
62
|
+
|
|
63
|
+
### Step 3: Start using
|
|
64
|
+
|
|
65
|
+
```bash
|
|
66
|
+
# Full project review by default (outputs to reports/code-review-*.md)
|
|
67
|
+
/fec-review
|
|
68
|
+
|
|
69
|
+
# Explicit change review
|
|
70
|
+
/fec-review review recent changes
|
|
71
|
+
|
|
72
|
+
# Specify a file, directory or entire project (natural language, not CLI flags)
|
|
73
|
+
/fec-review review src/components/Button.tsx
|
|
74
|
+
/fec-review review src/features/
|
|
75
|
+
/fec-review review the entire project
|
|
76
|
+
|
|
77
|
+
# Create page/feature/component by convention
|
|
78
|
+
/fec-scaffold page UserDetail
|
|
79
|
+
/fec-scaffold component DataTable
|
|
80
|
+
|
|
81
|
+
# List available commands
|
|
82
|
+
/plugin list frontend-craft@frontend-craft
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
You now have access to the bundled agents, skills, and commands (see the root README **Feature overview** for the current list).
|
|
86
|
+
|
|
87
|
+
---
|
|
88
|
+
|
|
89
|
+
## Alternate install paths (Claude Code only)
|
|
90
|
+
|
|
91
|
+
> **Requirements:** Claude Code v1.0.33+, Node.js 22+, npm/pnpm/yarn.
|
|
92
|
+
|
|
93
|
+
### Option 1: Install as plugin (recommended)
|
|
94
|
+
|
|
95
|
+
Same as **Step 1: Install the plugin** under **Quick start after Marketplace install** above (add marketplace, install plugin, `/reload-plugins`). You can also skip typing those commands in chat and add the marketplace via `~/.claude/settings.json` or project `.claude/settings.json`:
|
|
96
|
+
|
|
97
|
+
```json
|
|
98
|
+
{
|
|
99
|
+
"extraKnownMarketplaces": {
|
|
100
|
+
"frontend-craft": {
|
|
101
|
+
"source": {
|
|
102
|
+
"source": "github",
|
|
103
|
+
"repo": "bovinphang/frontend-craft"
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
### Option 2: Team project-level auto-install
|
|
111
|
+
|
|
112
|
+
Add the `extraKnownMarketplaces` config above to `.claude/settings.json` in the project root. Team members will be prompted to install when they trust the project directory.
|
|
113
|
+
|
|
114
|
+
### Option 3: Local development / testing
|
|
115
|
+
|
|
116
|
+
Clone the repo and load via `--plugin-dir` (no install, suitable for development and debugging):
|
|
117
|
+
|
|
118
|
+
```bash
|
|
119
|
+
git clone https://github.com/bovinphang/frontend-craft.git
|
|
120
|
+
cd frontend-craft
|
|
121
|
+
npm install
|
|
122
|
+
npm run build
|
|
123
|
+
cd ..
|
|
124
|
+
claude --plugin-dir ./frontend-craft
|
|
125
|
+
```
|
|
126
|
+
|
|
127
|
+
When using `--plugin-dir` for development, run `npm run build` after changing hook or CLI sources because Claude executes the compiled files under `dist/`. Disable or avoid a Marketplace install of the same plugin in that session so you know which copy is running.
|
|
128
|
+
|
|
129
|
+
### Option 4: Git Submodule (project-level sharing)
|
|
130
|
+
|
|
131
|
+
```bash
|
|
132
|
+
# Add as submodule in project root
|
|
133
|
+
git submodule add https://github.com/bovinphang/frontend-craft.git .claude/plugins/frontend-craft
|
|
134
|
+
|
|
135
|
+
git add .gitmodules .claude/plugins/frontend-craft
|
|
136
|
+
git commit -m "feat: add frontend-craft as shared Claude Code plugin"
|
|
137
|
+
```
|
|
138
|
+
|
|
139
|
+
After cloning, team members run:
|
|
140
|
+
|
|
141
|
+
```bash
|
|
142
|
+
git submodule update --init --recursive
|
|
143
|
+
```
|
|
144
|
+
|
|
145
|
+
Then load with `--plugin-dir`:
|
|
146
|
+
|
|
147
|
+
```bash
|
|
148
|
+
claude --plugin-dir .claude/plugins/frontend-craft
|
|
149
|
+
```
|
|
150
|
+
|
|
151
|
+
---
|
|
152
|
+
|
|
153
|
+
## Updating (Marketplace and submodule)
|
|
154
|
+
|
|
155
|
+
For Marketplace installs, run in Claude Code:
|
|
156
|
+
|
|
157
|
+
```text
|
|
158
|
+
/plugin marketplace update frontend-craft
|
|
159
|
+
```
|
|
160
|
+
|
|
161
|
+
Or enable auto-update so Claude Code pulls the latest on each start:
|
|
162
|
+
|
|
163
|
+
1. Run `/plugin` in Claude Code to open the plugin manager
|
|
164
|
+
2. Switch to the **Marketplaces** tab
|
|
165
|
+
3. Select `frontend-craft`
|
|
166
|
+
4. Choose **Enable auto-update**
|
|
167
|
+
|
|
168
|
+
> Third-party Marketplaces do not enable auto-update by default. After enabling, Claude Code will refresh Marketplace data and update installed plugins on each start.
|
|
169
|
+
|
|
170
|
+
For Git submodule installs:
|
|
171
|
+
|
|
172
|
+
```bash
|
|
173
|
+
git submodule update --remote .claude/plugins/frontend-craft
|
|
174
|
+
```
|
|
175
|
+
|
|
176
|
+
**CLI installs:** re-run `npx @bovinphang/frontend-craft@latest update claude --local` or `... --global` for the same scope, and read [CHANGELOG.md](../../CHANGELOG.md) for release notes. If Claude Code Marketplace is already installed, the CLI refuses Claude install/update and prints the Marketplace update path. If the opposite CLI scope is already installed, interactive terminals ask whether to keep that source updated or uninstall it before switching; non-interactive terminals print the exact commands to run.
|
|
177
|
+
|
|
178
|
+
```bash
|
|
179
|
+
npx @bovinphang/frontend-craft@latest update claude --global
|
|
180
|
+
npx @bovinphang/frontend-craft@latest update claude --local
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
---
|
|
184
|
+
|
|
185
|
+
**Other languages:** [简体中文](claude.zh-CN.md)
|
|
186
|
+
|
|
187
|
+
## CLI compatibility update
|
|
188
|
+
|
|
189
|
+
CLI hooks are merged into `settings.json`, preserving unrelated settings. Malformed JSON stops installation. Native Marketplace plugins continue to use `hooks/hooks.json`. See [compatibility and upgrade notes](compatibility.md).
|
|
190
|
+
|
|
191
|
+
Review defaults to the full project; a file/directory request includes unchanged code, while incremental review requires an explicit changes/PR/commit request. Technical diagrams use structured sources; PNG export requires a local browser and disclosed QA coverage. See [review scope and technical diagram delivery](../review-and-diagram-workflows.md).
|