@bovinphang/frontend-craft 2.9.0 → 3.0.0

package/skills/fec-image-generation/references/png-qa-autofix.md

@@ -32,6 +32,6 @@ Report the number of QA rounds and the final issue list. If issues remain becaus
 
 ## Quality delivery contract
 
-Prefer local Mermaid for standard sequence/workflow diagrams, reuse fec-drawio-studio for manually editable architecture, and optionally use Graphviz for dense topology. Fall back to compatible JSON/HTML if local tools are missing, without automatic installation/downloads. Preview, standalone SVG and PNG share source theme styles; export with `--theme light|dark`. PNG export waits for fonts and measures text; use `--manifest source.layout.json --output-manifest image.actual.json` for scaled pixel coordinates. QA must read the actual manifest, not reuse estimated coordinates unchanged for a 2x PNG.
+Prefer local Mermaid for standard sequence/workflow diagrams, reuse cc-drawio-studio for manually editable architecture, and optionally use Graphviz for dense topology. Fall back to compatible JSON/HTML if local tools are missing, without automatic installation/downloads. Preview, standalone SVG and PNG share source theme styles; export with `--theme light|dark`. PNG export waits for fonts and measures text; use `--manifest source.layout.json --output-manifest image.actual.json` for scaled pixel coordinates. QA must read the actual manifest, not reuse estimated coordinates unchanged for a 2x PNG.
 
 The extended manifest retains canvas/boxes/connectors and adds coordinateSpace, scale, measurement, groups, labels and issues. Group containment is not node overlap. New checks include node-text-overflow, label-content-loss, label-out-of-bounds, edge-label-collision, text-overlap and degenerate-connector. Legacy manifests retain estimated checks. Diagnose constrained explicit sizes/waypoints without dropping text, changing relationships or silently moving coordinates. Increasing export resolution cannot fix source overflow. Visually review the final PNG and record tool availability/version, theme, scale, repair rounds and remaining defects; report partial acceptance when unresolved.

package/skills/fec-image-generation/scripts/png-qa.mjs

@@ -49,7 +49,7 @@ function parseArgs(values) {
 }
 
 function printHelp() {
-  console.log(`Usage: node skills/fec-image-generation/scripts/png-qa.mjs --png <file> [--manifest <layout.json>] [--format json|markdown] [--strict]`);
+  console.log(`Usage: node skills/cc-technical-diagrams/scripts/png-qa.mjs --png <file> [--manifest <layout.json>] [--format json|markdown] [--strict]`);
 }
 
 function readManifest(filePath) {

package/skills/fec-react-project-standard/SKILL.md

@@ -89,3 +89,9 @@ Load more detailed reference files as needed:
 - For new modules, give priority to outputting the smallest floor-mountable structure rather than over-designing it all at once
 - For reconstruction tasks, give priority to ensuring portability and risk controllability
 - For performance-related React changes, describe the triggered risk categories, evidence sources, and verification commands
+
+For generic component props and callbacks, use the [component type example](references/generic-component-types.md).
+
+## Engineering practices
+
+Read the [local engineering decisions](references/engineering-practices.md) for this task and follow their links to relevant shared principles. Apply levels and exceptions against actual project contracts; product frontend/backend labels do not constrain language or role.

package/skills/fec-react-project-standard/examples/engineering/README.md

@@ -0,0 +1,7 @@
+# Owned async React state — EP-UI-01
+
+This isolated example renders the real React component through Testing Library and JSDOM. A controlled A/B completion order proves that a late older request cannot replace B; unmount proves the owned signal is aborted. No timer or live network chooses the order. `CRAFT_ENGINEERING_DEFECTIVE=1` removes both protections and must fail these assertions; the default is protected.
+
+From this directory, explicitly run `pnpm install --frozen-lockfile`, then `pnpm test`. Run with the defect environment variable set to `1` for the counterexample and `0` for the fix. For repository-maintained isolated preparation and paired logs use `pnpm run verify:engineering -- --prepare` from the product root; later runs omit `--prepare`. Normal repository tests never install dependencies. Source files remain outside the prepared cache.
+
+Exact dependencies and lock belong only to this sample. Node >=22.18, React/DOM 19.3.1, Testing Library React 16.3.3/DOM 10.4.2 and JSDOM 29.1.1 are deliberate compatible sample targets, not project upgrade requirements. JSDOM 31 requires newer Node 24 than this environment. Real DOM state assertions here do not prove browser rendering, Vue watcher behavior, shared query caches, backend rollback, desktop GUI, signing or a production network integration. Abort does not undo a committed remote write. See the [local decisions](../../references/engineering-practices.md).

package/skills/fec-react-project-standard/examples/engineering/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "craft-react-request-example",
+  "private": true,
+  "type": "module",
+  "engines": {"node": ">=22.18.0"},
+  "packageManager": "pnpm@12.4.1",
+  "scripts": {"test": "node --test --test-reporter=tap request-view.test.mjs"},
+  "dependencies": {
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "@testing-library/react": "16.3.3",
+    "@testing-library/dom": "10.4.2",
+    "jsdom": "29.1.1"
+  }
+}