一键导入
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 职业分类
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.
| 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.