ワンクリックで
code-quality
Evaluate code structure, maintainability, and engineering standards alongside adversarial review.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
Evaluate code structure, maintainability, and engineering standards alongside adversarial review.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | code-quality |
| description | Evaluate code structure, maintainability, and engineering standards alongside adversarial review. |
Evaluate structural quality, maintainability, and engineering standards.
For components with critical layout properties, verify:
position: absolute is required for stacking, a comment explains why and warns against removal.display: flex to an absolutely positioned element can break layout./* INVARIANT: position: absolute required for z-index stacking.
Do not change to relative or remove without updating JS transforms. */
.card {
position: absolute;
}
## Code Quality Assessment
### Strengths
- [What's done well]
### Issues
- [P2] [Category]: [Description] | File: [path:line] | Fix: [suggestion]
- [P2] Testability: Excessive interface extraction for test-only reasons | File: [path:line] | Fix: [suggestion]
- [P2] Testing: Mock-heavy test hides behavior that a fake or integration test should cover | File: [path:line] | Fix: [suggestion]
- [P3] [Category]: [Description] | File: [path:line] | Fix: [suggestion]
- [P3] Design: Simpler seam available than current abstraction | File: [path:line] | Fix: [suggestion]
### Assessment: [GOOD / ACCEPTABLE / NEEDS_WORK]
Code quality issues are P2 or P3, never P1. P1 is reserved for correctness and security.
Use this skill after problem framing to produce a locked architecture document. Creates data flow diagrams, state machines, error paths, test matrices, and bite-sized task breakdowns.
Design + accessibility skill for ASU UI work (WCAG 2.1 AA). Use when designing, building, or reviewing any ASU component or page in Unity or Webspark. Covers semantics/landmarks, keyboard + focus, contrast, reflow at 320px, forced-colors mode, labels/forms, and a pre-delivery checklist. Prefer Unity/Bootstrap components over hand-rolled div+ARIA.
Phase 3 of code review: run tests, verify behavior, check edge cases, confirm no regressions.
Use during REVIEW to compare a rendered UI component against its design references (screenshots in .intake/ and/or the Figma frame). Drives a running Storybook (Unity) or local Webspark page with agent-browser to screenshot the build at multiple viewports, then reports P1/P2/P3 visual-fidelity findings to .pipeline/visual-report.md. Used by the acp-visual agent.
Use at the END of the Unity stage to enforce the PR-ready gate and write the cross-stage handoff. Defines the gate (build+lint, Storybook story + interaction/a11y tests, HTML-parity) and writes handoff.json (+ markup.html) to the shared peer handoff/ directory, keyed by Jira key or component slug, for the Webspark stage to consume. Validate with .kiro/scripts/validate-handoff.sh.
Use at pipeline INTAKE to turn a component request into an enriched intake brief. A component name is ALWAYS required; a Jira key, a Figma URL, and/or one-or-more screenshots in .intake/ are optional enrichment. Reads Jira via mcp-atlassian (read-only), design specs/tokens via the Figma Dev Mode MCP, and screenshots via vision. Ask clarifying questions when inputs are sparse or conflicting. Produces .pipeline/intake-brief.md for the architect.