@ryuenn3123/agentic-senior-core 2.5.22 → 3.0.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.
Files changed (173) hide show
  1. package/.agent-context/prompts/init-project.md +5 -5
  2. package/.agent-context/prompts/refactor.md +2 -1
  3. package/.agent-context/prompts/review-code.md +3 -2
  4. package/.agent-context/review-checklists/pr-checklist.md +8 -1
  5. package/.agent-context/rules/architecture.md +11 -0
  6. package/.agent-context/rules/frontend-architecture.md +2 -2
  7. package/.agent-context/state/architecture-map.md +1 -1
  8. package/.agent-context/state/memory-continuity-benchmark.json +1 -1
  9. package/.agents/workflows/init-project.md +3 -3
  10. package/.agents/workflows/refactor.md +1 -1
  11. package/.agents/workflows/review-code.md +4 -5
  12. package/.cursorrules +27 -71
  13. package/.gemini/instructions.md +6 -7
  14. package/.github/copilot-instructions.md +5 -6
  15. package/.windsurfrules +27 -71
  16. package/AGENTS.md +7 -9
  17. package/CONTRIBUTING.md +18 -31
  18. package/README.md +21 -4
  19. package/bin/agentic-senior-core.js +0 -6
  20. package/lib/cli/commands/init.mjs +113 -650
  21. package/lib/cli/commands/launch.mjs +1 -23
  22. package/lib/cli/commands/rollback.mjs +1 -1
  23. package/lib/cli/commands/upgrade.mjs +1 -23
  24. package/lib/cli/compiler.mjs +77 -72
  25. package/lib/cli/constants.mjs +84 -26
  26. package/lib/cli/init-architecture-flow.mjs +231 -0
  27. package/lib/cli/init-detection-flow.mjs +123 -0
  28. package/lib/cli/init-options.mjs +344 -0
  29. package/lib/cli/init-selection.mjs +100 -0
  30. package/lib/cli/preflight.mjs +1 -1
  31. package/lib/cli/profile-packs.mjs +15 -1
  32. package/lib/cli/project-scaffolder.mjs +18 -154
  33. package/lib/cli/utils.mjs +16 -12
  34. package/mcp.json +19 -19
  35. package/package.json +5 -2
  36. package/scripts/context-triggered-audit.mjs +18 -18
  37. package/scripts/documentation-boundary-audit.mjs +92 -5
  38. package/scripts/forbidden-content-check.mjs +1 -1
  39. package/scripts/frontend-usability-audit.mjs +21 -28
  40. package/scripts/governance-weekly-report.mjs +29 -15
  41. package/scripts/llm-judge.mjs +2 -5
  42. package/scripts/mcp-server.mjs +389 -5
  43. package/scripts/release-gate.mjs +121 -145
  44. package/scripts/sync-thin-adapters.mjs +161 -0
  45. package/scripts/v3-purge-audit.mjs +231 -0
  46. package/scripts/validate-evidence-bundle.mjs +1 -1
  47. package/scripts/validate.mjs +224 -272
  48. package/.agent-context/blueprints/api-nextjs.md +0 -184
  49. package/.agent-context/blueprints/aspnet-api.md +0 -247
  50. package/.agent-context/blueprints/ci-github-actions.md +0 -226
  51. package/.agent-context/blueprints/ci-gitlab.md +0 -200
  52. package/.agent-context/blueprints/fastapi-service.md +0 -210
  53. package/.agent-context/blueprints/go-service.md +0 -217
  54. package/.agent-context/blueprints/graphql-grpc-api.md +0 -51
  55. package/.agent-context/blueprints/infrastructure-as-code.md +0 -62
  56. package/.agent-context/blueprints/kubernetes-manifests.md +0 -76
  57. package/.agent-context/blueprints/laravel-api.md +0 -233
  58. package/.agent-context/blueprints/mobile-app.md +0 -91
  59. package/.agent-context/blueprints/nestjs-logic.md +0 -247
  60. package/.agent-context/blueprints/observability.md +0 -227
  61. package/.agent-context/blueprints/spring-boot-api.md +0 -218
  62. package/.agent-context/profiles/platform.md +0 -13
  63. package/.agent-context/profiles/regulated.md +0 -13
  64. package/.agent-context/profiles/startup.md +0 -13
  65. package/.agent-context/review-checklists/frontend-excellence-rubric.md +0 -73
  66. package/.agent-context/review-checklists/frontend-skill-parity.md +0 -29
  67. package/.agent-context/review-checklists/frontend-usability.md +0 -35
  68. package/.agent-context/review-checklists/marketplace-acceptance.md +0 -60
  69. package/.agent-context/review-checklists/performance-audit.md +0 -71
  70. package/.agent-context/review-checklists/release-operations.md +0 -33
  71. package/.agent-context/review-checklists/security-audit.md +0 -119
  72. package/.agent-context/skills/README.md +0 -63
  73. package/.agent-context/skills/backend/README.md +0 -68
  74. package/.agent-context/skills/backend/architecture.md +0 -361
  75. package/.agent-context/skills/backend/compatibility-manifest.json +0 -8
  76. package/.agent-context/skills/backend/data-access.md +0 -231
  77. package/.agent-context/skills/backend/errors.md +0 -138
  78. package/.agent-context/skills/backend/validation.md +0 -117
  79. package/.agent-context/skills/backend.md +0 -29
  80. package/.agent-context/skills/cli/.evidence/compatibility-manifest.json +0 -5
  81. package/.agent-context/skills/cli/.evidence/sbom-excerpt.json +0 -10
  82. package/.agent-context/skills/cli/.evidence/test-report.json +0 -8
  83. package/.agent-context/skills/cli/CHANGELOG.md +0 -6
  84. package/.agent-context/skills/cli/README.md +0 -56
  85. package/.agent-context/skills/cli/compatibility-manifest.json +0 -8
  86. package/.agent-context/skills/cli/init.md +0 -38
  87. package/.agent-context/skills/cli/output.md +0 -36
  88. package/.agent-context/skills/cli/package.json +0 -5
  89. package/.agent-context/skills/cli/safety-telemetry.md +0 -39
  90. package/.agent-context/skills/cli/tests/.gitkeep +0 -1
  91. package/.agent-context/skills/cli/upgrade.md +0 -38
  92. package/.agent-context/skills/cli.md +0 -32
  93. package/.agent-context/skills/distribution/.evidence/compatibility-manifest.json +0 -9
  94. package/.agent-context/skills/distribution/.evidence/sbom-excerpt.json +0 -6
  95. package/.agent-context/skills/distribution/.evidence/test-report.json +0 -8
  96. package/.agent-context/skills/distribution/CHANGELOG.md +0 -7
  97. package/.agent-context/skills/distribution/README.md +0 -27
  98. package/.agent-context/skills/distribution/compatibility-manifest.json +0 -8
  99. package/.agent-context/skills/distribution/compatibility.md +0 -32
  100. package/.agent-context/skills/distribution/package.json +0 -5
  101. package/.agent-context/skills/distribution/provenance-attestation.md +0 -47
  102. package/.agent-context/skills/distribution/publish.md +0 -37
  103. package/.agent-context/skills/distribution/rollback.md +0 -32
  104. package/.agent-context/skills/distribution/tests/.gitkeep +0 -1
  105. package/.agent-context/skills/distribution.md +0 -32
  106. package/.agent-context/skills/frontend/.evidence/compatibility-manifest.json +0 -9
  107. package/.agent-context/skills/frontend/.evidence/sbom-excerpt.json +0 -6
  108. package/.agent-context/skills/frontend/.evidence/test-report.json +0 -8
  109. package/.agent-context/skills/frontend/CHANGELOG.md +0 -7
  110. package/.agent-context/skills/frontend/README.md +0 -50
  111. package/.agent-context/skills/frontend/accessibility.md +0 -107
  112. package/.agent-context/skills/frontend/compatibility-manifest.json +0 -8
  113. package/.agent-context/skills/frontend/conversion-clarity.md +0 -51
  114. package/.agent-context/skills/frontend/motion.md +0 -67
  115. package/.agent-context/skills/frontend/package.json +0 -5
  116. package/.agent-context/skills/frontend/performance.md +0 -63
  117. package/.agent-context/skills/frontend/responsive-delivery.md +0 -41
  118. package/.agent-context/skills/frontend/tests/.gitkeep +0 -1
  119. package/.agent-context/skills/frontend/ui-architecture.md +0 -128
  120. package/.agent-context/skills/frontend.md +0 -40
  121. package/.agent-context/skills/fullstack/.evidence/compatibility-manifest.json +0 -9
  122. package/.agent-context/skills/fullstack/.evidence/sbom-excerpt.json +0 -6
  123. package/.agent-context/skills/fullstack/.evidence/test-report.json +0 -8
  124. package/.agent-context/skills/fullstack/CHANGELOG.md +0 -7
  125. package/.agent-context/skills/fullstack/README.md +0 -27
  126. package/.agent-context/skills/fullstack/compatibility-manifest.json +0 -8
  127. package/.agent-context/skills/fullstack/contracts.md +0 -53
  128. package/.agent-context/skills/fullstack/end-to-end.md +0 -42
  129. package/.agent-context/skills/fullstack/feature-slicing.md +0 -65
  130. package/.agent-context/skills/fullstack/package.json +0 -5
  131. package/.agent-context/skills/fullstack/release-coordination.md +0 -51
  132. package/.agent-context/skills/fullstack/tests/.gitkeep +0 -1
  133. package/.agent-context/skills/fullstack.md +0 -30
  134. package/.agent-context/skills/index.json +0 -107
  135. package/.agent-context/skills/review-quality/.evidence/compatibility-manifest.json +0 -9
  136. package/.agent-context/skills/review-quality/.evidence/sbom-excerpt.json +0 -6
  137. package/.agent-context/skills/review-quality/.evidence/test-report.json +0 -8
  138. package/.agent-context/skills/review-quality/CHANGELOG.md +0 -7
  139. package/.agent-context/skills/review-quality/README.md +0 -27
  140. package/.agent-context/skills/review-quality/benchmark.md +0 -30
  141. package/.agent-context/skills/review-quality/compatibility-manifest.json +0 -8
  142. package/.agent-context/skills/review-quality/package.json +0 -5
  143. package/.agent-context/skills/review-quality/planning.md +0 -38
  144. package/.agent-context/skills/review-quality/release-decision.md +0 -49
  145. package/.agent-context/skills/review-quality/security.md +0 -34
  146. package/.agent-context/skills/review-quality/tests/.gitkeep +0 -1
  147. package/.agent-context/skills/review-quality.md +0 -34
  148. package/.agent-context/stacks/csharp.md +0 -149
  149. package/.agent-context/stacks/flutter.md +0 -16
  150. package/.agent-context/stacks/go.md +0 -181
  151. package/.agent-context/stacks/java.md +0 -135
  152. package/.agent-context/stacks/php.md +0 -192
  153. package/.agent-context/stacks/python.md +0 -153
  154. package/.agent-context/stacks/react-native.md +0 -16
  155. package/.agent-context/stacks/ruby.md +0 -80
  156. package/.agent-context/stacks/rust.md +0 -86
  157. package/.agent-context/stacks/typescript.md +0 -317
  158. package/.agent-context/state/skill-platform.json +0 -38
  159. package/lib/cli/skill-selector.mjs +0 -232
  160. package/lib/cli/templates/api-contract.md.id.tmpl +0 -143
  161. package/lib/cli/templates/api-contract.md.tmpl +0 -143
  162. package/lib/cli/templates/architecture-decision-record.md.id.tmpl +0 -106
  163. package/lib/cli/templates/architecture-decision-record.md.tmpl +0 -145
  164. package/lib/cli/templates/database-schema.md.id.tmpl +0 -74
  165. package/lib/cli/templates/database-schema.md.tmpl +0 -74
  166. package/lib/cli/templates/flow-overview.md.id.tmpl +0 -118
  167. package/lib/cli/templates/flow-overview.md.tmpl +0 -131
  168. package/lib/cli/templates/project-brief.md.id.tmpl +0 -55
  169. package/lib/cli/templates/project-brief.md.tmpl +0 -79
  170. package/scripts/init-project.ps1 +0 -105
  171. package/scripts/init-project.sh +0 -131
  172. package/scripts/skill-tier-policy.mjs +0 -76
  173. package/scripts/trust-scorer.mjs +0 -119
@@ -1,32 +0,0 @@
1
- # Compatibility
2
-
3
- Tier: ADVANCE
4
-
5
- Compatibility policy prevents shipping builds that break on supported runtimes or tooling ecosystems.
6
-
7
- ## Compatibility Matrix
8
-
9
- Define supported combinations explicitly:
10
- - Runtime versions (Node, Python, Java, etc.)
11
- - OS/platform scope
12
- - IDE/editor integration versions
13
- - Dependency constraints
14
-
15
- ## Gate Strategy
16
-
17
- - Validate package against supported runtime matrix in CI.
18
- - Block release on unsupported runtime regressions.
19
- - Mark deprecated support windows and removal timeline.
20
-
21
- ## Breaking Change Protocol
22
-
23
- - Major version for incompatible behavior.
24
- - Migration notes for changed defaults.
25
- - Transitional compatibility period when feasible.
26
-
27
- ## Review Checklist
28
-
29
- - [ ] Supported runtime matrix is current and tested.
30
- - [ ] Incompatible changes are versioned correctly.
31
- - [ ] Migration notes exist for user-impacting changes.
32
- - [ ] CI verifies compatibility before publish.
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@agentic-skills/distribution",
3
- "version": "1.0.0",
4
- "author": "agentic"
5
- }
@@ -1,47 +0,0 @@
1
- # Provenance Attestation
2
-
3
- Tier: EXPERT
4
-
5
- Provenance attestation links shipped artifacts to source commits, policy gates, and maintainer intent so releases remain auditable.
6
-
7
- ## Attestation Requirements
8
-
9
- Every release artifact should be traceable to:
10
-
11
- - Source commit SHA.
12
- - Versioned changelog entry.
13
- - Gate evidence (release gate, benchmark, security checks).
14
- - Maintainer identity and release timestamp.
15
-
16
- ## Artifact Chain
17
-
18
- Maintain a simple provenance chain:
19
-
20
- 1. Build artifact from tagged commit.
21
- 2. Generate SBOM and integrity digest.
22
- 3. Attach gate output artifacts.
23
- 4. Publish with immutable version metadata.
24
-
25
- If any step is missing, release should be blocked until evidence is complete.
26
-
27
- ## Tamper-Resistance Controls
28
-
29
- - Avoid manual artifact replacement outside CI path.
30
- - Keep checksums in release notes or signed metadata.
31
- - Enforce immutable package versions after publish.
32
- - Store audit artifacts with retention policy.
33
-
34
- ## Operational Review
35
-
36
- At weekly cadence, review provenance quality:
37
-
38
- - Are all recent releases traceable end to end?
39
- - Were any gates bypassed or manually overridden?
40
- - Are SBOM and compatibility manifests synchronized?
41
-
42
- ## Review Checklist
43
-
44
- - [ ] Source commit and version metadata are linked.
45
- - [ ] SBOM and checksum artifacts are attached.
46
- - [ ] Gate evidence is complete and timestamped.
47
- - [ ] No unsigned or out-of-band artifact replacement occurred.
@@ -1,37 +0,0 @@
1
- # Publish Hygiene
2
-
3
- Tier: EXPERT
4
-
5
- Publishing should be repeatable, auditable, and minimal in surface area.
6
-
7
- ## Pre-Publish Gates
8
-
9
- - Validate package contents and metadata.
10
- - Run tests and policy validators.
11
- - Confirm version/changelog consistency.
12
- - Generate SBOM and provenance artifacts.
13
-
14
- ## Package Surface Control
15
-
16
- - Use explicit allow-list for publish files.
17
- - Exclude internal scripts, test fixtures, and local configs.
18
- - Verify CLI entry points and executable permissions.
19
-
20
- ## Ownership and Provenance
21
-
22
- - Ensure publisher identity is controlled.
23
- - Record commit SHA and release timestamp.
24
- - Attach generated reports (gate, benchmark, SBOM) to release artifacts.
25
-
26
- ## Failure Policy
27
-
28
- - Abort publish on failing quality gate.
29
- - Abort publish on unresolved high-severity security findings.
30
- - Abort publish on missing changelog entry.
31
-
32
- ## Review Checklist
33
-
34
- - [ ] Package contents match expected release manifest.
35
- - [ ] Quality and security gates passed.
36
- - [ ] Version and changelog are aligned.
37
- - [ ] Provenance artifacts are generated and stored.
@@ -1,32 +0,0 @@
1
- # Rollback
2
-
3
- Tier: EXPERT
4
-
5
- Rollback is a mandatory release capability, not an afterthought.
6
-
7
- ## Rollback Readiness
8
-
9
- - Define rollback trigger conditions before release.
10
- - Keep previous stable artifact available for immediate redeploy.
11
- - Preserve migration rollback scripts for data-affecting changes.
12
-
13
- ## Rollback Flow
14
-
15
- 1. Detect failure signal (error spike, failed SLO, functional regression).
16
- 2. Freeze new rollout.
17
- 3. Re-deploy previous known-good version.
18
- 4. Verify health checks and key journeys.
19
- 5. Publish incident summary with root-cause owner.
20
-
21
- ## Data Change Safety
22
-
23
- - Use backward-compatible migrations for forward and rollback paths.
24
- - Avoid destructive schema operations in same release as code cutover.
25
- - Validate rollback on staging with production-like data shape.
26
-
27
- ## Review Checklist
28
-
29
- - [ ] Rollback plan documented and tested.
30
- - [ ] Previous release artifact retained.
31
- - [ ] Data migration rollback path verified.
32
- - [ ] Health checks confirm rollback success.
@@ -1 +0,0 @@
1
- # Distribution skill test fixtures placeholder
@@ -1,32 +0,0 @@
1
- # Distribution Skill Pack
2
-
3
- Default tier: `expert`
4
-
5
- ## Purpose
6
- Protect package installation and release distribution with transactional safety.
7
-
8
- ## In Scope
9
- - Package validation
10
- - Backup and rollback
11
- - Compatibility checks
12
- - Forbidden-file detection
13
- - Publish hygiene and provenance
14
- - Dependency audit evidence and attestations
15
-
16
- ## Must-Have Checks
17
- - Preflight validation before installation or publish
18
- - Backup point before mutating user state
19
- - Automatic rollback on failure
20
- - Compatibility manifest present
21
- - Evidence bundle attached to release
22
- - Weekly governance report generated and reviewed before maintainers publish
23
-
24
- ## Evidence
25
- - Install validation report
26
- - Rollback verification log
27
- - Publish dry-run output
28
- - Integrity and provenance manifest
29
- - Governance weekly report with trust-tier and gate posture summary
30
-
31
- ## Fallback
32
- - If automated rollback cannot be guaranteed, the operation must stop before mutation.
@@ -1,9 +0,0 @@
1
- {
2
- "schemaVersion": "compatibility-manifest-v1",
3
- "artifactType": "skill-domain-evidence",
4
- "domain": "frontend",
5
- "ides": ["cursor", "windsurf", "copilot", "gemini", "claude", "codex", "cline"],
6
- "nodeMin": "18",
7
- "platforms": ["windows", "linux", "macos"],
8
- "validatedAt": "2026-04-11T12:00:00Z"
9
- }
@@ -1,6 +0,0 @@
1
- {
2
- "format": "cyclonedx",
3
- "component": "@agentic-skills/frontend",
4
- "version": "1.0.0",
5
- "dependencies": []
6
- }
@@ -1,8 +0,0 @@
1
- {
2
- "passed": true,
3
- "total": 24,
4
- "failed": 0,
5
- "skipped": 0,
6
- "durationMs": 1900,
7
- "lastRun": "2026-04-11T12:00:00Z"
8
- }
@@ -1,7 +0,0 @@
1
- ---
2
- tier: production
3
- ---
4
- # Changelog
5
- ## 1.0.0
6
- - Expanded frontend skill depth with responsive and conversion tracks.
7
- - Added evidence bundle metadata for trust-tier verification.
@@ -1,50 +0,0 @@
1
- # Frontend Engineering Skills
2
-
3
- The frontend domain covers component architecture, state management, performance optimization, accessibility, motion design, and visual polish. Content consolidated from **minimax-ai/skills** (design focus), **awesome-copilot** (architectural patterns), and **antigravity-awesome-skills** (React patterns), with production-grade automation and enforcement.
4
-
5
- ## Topics
6
- - [UI Architecture](ui-architecture.md) - Smart/Dumb components, state management, composition patterns
7
- - [Accessibility](accessibility.md) - WCAG compliance, keyboard navigation, semantic HTML, color contrast
8
- - [Motion](motion.md) - Animation patterns, performance, CSS containment
9
- - [Performance](performance.md) - Memoization, code splitting, bundle gates, profiling
10
- - [Responsive Delivery](responsive-delivery.md) - Breakpoint behavior, content hierarchy, and interaction ergonomics
11
- - [Conversion Clarity](conversion-clarity.md) - First-viewport messaging, CTA placement, and friction removal
12
-
13
- ## What Makes Ours Different
14
-
15
- - Smart/Dumb Architecture (awesome-copilot) + animation system patterns (minimax) + React patterns (antigravity)
16
- - Anti-Slop Enforcer (ABOVE LINE) - Detect forbidden visual patterns and style drift
17
- - Accessibility Auditor (ABOVE LINE) - Detect contrast failures, ARIA issues, and keyboard navigation gaps
18
- - Performance Budget Enforcer (ABOVE LINE) - Bundle size gates and LCP/FID/CLS thresholds
19
- - Frontend Excellence Rubric (ABOVE LINE) - Designer-grade scoring for visual direction, typography, color diversity, and interaction choreography
20
-
21
- ## Recommended Reading Order
22
-
23
- 1. `ui-architecture.md` - Mental models first (EXPERT)
24
- 2. `accessibility.md` - Compliance baseline (EXPERT)
25
- 3. `motion.md` - Design patterns and optimization (EXPERT)
26
- 4. `performance.md` - Profiling and gates (EXPERT)
27
- 5. `responsive-delivery.md` - Mobile and desktop behavior contracts (ADVANCE)
28
- 6. `conversion-clarity.md` - UX narrative and action path quality (ADVANCE)
29
-
30
- ## Coverage vs 3 Repos
31
-
32
- | Aspect | antigravity | awesome-copilot | MiniMax | Ours |
33
- |--------|-------------|-----------------|---------|------|
34
- | Component Patterns | Medium | High | Medium | High + quality gates |
35
- | Animation Patterns | Low | Low | High | High + performance rules |
36
- | Accessibility | Medium | High | Medium | High + automated audits |
37
- | Automation | None | None | None | Anti-slop, accessibility, and performance tooling |
38
-
39
- ## Default Tier Behavior
40
- - Use `advance` for typical web apps (1500+ employees)
41
- - Escalate to `expert` when component library, state complexity, or accessibility/performance tuning is critical
42
-
43
- ## Usage Example
44
-
45
- Use frontend guidance in onboarding and release checkpoints:
46
-
47
- ```bash
48
- agentic-senior-core init --preset frontend-web
49
- node ./scripts/frontend-usability-audit.mjs
50
- ```
@@ -1,107 +0,0 @@
1
- # Accessibility and Inclusive Interaction
2
-
3
- **Tier:** EXPERT | **Source:** awesome-copilot (WCAG) + minimax (motion and dark mode) + antigravity (UX patterns)
4
-
5
- ## Purpose
6
-
7
- Accessibility is a production requirement. Inclusive interaction reduces support burden, improves usability, and prevents last-minute retrofit work.
8
-
9
- ## Part 1: Semantic Structure
10
-
11
- Use native HTML elements first. They provide keyboard support, roles, and state semantics without extra work.
12
-
13
- ```javascript
14
- <nav>
15
- <button aria-expanded={isOpen} aria-controls="menu-panel">Menu</button>
16
- <ul id="menu-panel" hidden={!isOpen}>
17
- <li><a href="/">Home</a></li>
18
- <li><a href="/about">About</a></li>
19
- </ul>
20
- </nav>
21
- ```
22
-
23
- Avoid replacing native controls with generic containers unless there is a specific reason.
24
-
25
- ## Part 2: Keyboard Support
26
-
27
- Every interactive control must be reachable and operable by keyboard.
28
-
29
- - Tab order should follow the visual order.
30
- - Enter and Space should activate buttons and custom controls.
31
- - Focus should never get trapped unless a modal or dialog deliberately manages it.
32
- - Skip links should exist on content-heavy pages.
33
-
34
- ```javascript
35
- <div
36
- role="button"
37
- tabIndex={0}
38
- onClick={handleDelete}
39
- onKeyDown={(event) => {
40
- if (event.key === 'Enter' || event.key === ' ') {
41
- handleDelete();
42
- }
43
- }}
44
- >
45
- Delete
46
- </div>
47
- ```
48
-
49
- ## Part 3: Contrast and Text Scaling
50
-
51
- - Normal text contrast should meet WCAG AA minimums.
52
- - Large text may use the relaxed large-text ratio, but still needs clear contrast.
53
- - Layouts should survive zoom and text scaling without truncation.
54
- - Avoid fixed-height containers that clip longer translated content.
55
-
56
- ## Part 4: Screen Reader Support
57
-
58
- Use accessible names and state descriptions.
59
-
60
- ```javascript
61
- <button aria-label="Close menu" onClick={handleClose}>
62
- X
63
- </button>
64
- ```
65
-
66
- If content updates dynamically, use live regions only when needed and keep them concise.
67
-
68
- ## Part 5: Motion and Reduced Motion
69
-
70
- Animations should respect reduced-motion settings. Motion must support understanding, not create distraction.
71
-
72
- ```javascript
73
- const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
74
-
75
- const menuVariants = {
76
- open: {
77
- opacity: 1,
78
- transition: prefersReducedMotion ? { duration: 0 } : { duration: 0.2 }
79
- }
80
- };
81
- ```
82
-
83
- ## Part 6: Forms and Error Messaging
84
-
85
- - Every input needs a visible label.
86
- - Error messages should describe the problem and how to fix it.
87
- - Validation should be announced in a way screen readers can reach.
88
- - Do not rely on color alone to communicate state.
89
-
90
- ## Part 7: Testing Approach
91
-
92
- Test accessibility with a mix of manual and automated checks.
93
-
94
- - Automated scans for contrast, labels, and roles.
95
- - Keyboard-only navigation passes for critical flows.
96
- - Screen-reader spot checks for key screens.
97
- - Motion tests for reduced-motion behavior.
98
-
99
- ## Review Checklist
100
-
101
- - [ ] Semantic elements are used first.
102
- - [ ] Keyboard operation is complete.
103
- - [ ] Contrast and zoom behavior are acceptable.
104
- - [ ] Accessible names exist for icon-only controls.
105
- - [ ] Reduced-motion behavior is implemented.
106
- - [ ] Form labels and errors are clear.
107
- - [ ] Critical flows are tested with keyboard and screen readers.
@@ -1,8 +0,0 @@
1
- {
2
- "schemaVersion": "compatibility-manifest-v1",
3
- "artifactType": "skill-domain",
4
- "domain": "frontend",
5
- "ides": ["cursor", "windsurf", "copilot", "gemini", "claude", "codex", "cline"],
6
- "nodeMin": "18",
7
- "platforms": ["windows", "linux", "macos"]
8
- }
@@ -1,51 +0,0 @@
1
- # Conversion Clarity
2
-
3
- Tier: ADVANCE
4
-
5
- Conversion clarity ensures users understand value, trust the flow, and can complete primary actions without ambiguity.
6
-
7
- ## First-Viewport Messaging
8
-
9
- Every conversion-oriented screen should answer three questions immediately:
10
-
11
- - What is this offering?
12
- - Why should I continue now?
13
- - What action should I take first?
14
-
15
- Avoid generic hero copy and unclear button labels. CTA text should describe outcome, not only interaction.
16
-
17
- ## Friction Mapping
18
-
19
- Define friction checkpoints per journey:
20
-
21
- - Input complexity and cognitive load.
22
- - Validation and error recovery behavior.
23
- - Payment or confirmation trust signals.
24
- - Abandonment points from analytics and session replay.
25
-
26
- Each checkpoint needs an explicit mitigation strategy.
27
-
28
- ## Error and Empty State Quality
29
-
30
- - Error states must explain cause and provide next action.
31
- - Empty states must direct users toward meaningful first action.
32
- - Do not rely on passive placeholders without guidance.
33
- - Preserve user input when validation fails to reduce retry friction.
34
-
35
- ## Instrumentation Expectations
36
-
37
- Track conversion quality with consistent events:
38
-
39
- - Journey start.
40
- - Step completion.
41
- - Validation failure categories.
42
- - Final success and drop-off points.
43
-
44
- Ensure event names and payload schema are versioned.
45
-
46
- ## Review Checklist
47
-
48
- - [ ] First viewport communicates value and next action clearly.
49
- - [ ] Primary CTA labels are specific and outcome-oriented.
50
- - [ ] Error and empty states contain actionable guidance.
51
- - [ ] Conversion analytics events are complete and versioned.
@@ -1,67 +0,0 @@
1
- # Motion Design and Implementation
2
-
3
- Tier: EXPERT
4
-
5
- Motion is part of product behavior. It should clarify state changes, guide focus, and provide feedback without reducing accessibility or performance.
6
-
7
- ## Motion Intent Model
8
-
9
- Use motion only for one of these intents:
10
- - Transition intent: communicate screen or state transition.
11
- - Feedback intent: confirm user action success/failure.
12
- - Focus intent: direct attention to newly relevant content.
13
-
14
- If a transition has no intent, remove it.
15
-
16
- ## Timing and Consistency
17
-
18
- Adopt a small timing scale and reuse it across the product:
19
- - Fast: 120ms for micro-feedback.
20
- - Standard: 200ms to 260ms for component transitions.
21
- - Slow: 320ms to 420ms for route transitions.
22
-
23
- Avoid mixing unrelated easing curves in one flow.
24
-
25
- ## Performance-Safe Animation Rules
26
-
27
- Prefer animating properties that do not trigger expensive layout and paint work:
28
- - Preferred: transform, opacity.
29
- - Avoid for frequent animation: top, left, width, height, box-shadow blur radius.
30
-
31
- Use CSS containment and selective `will-change` only for elements that actually animate.
32
-
33
- ## Reduced Motion Compliance
34
-
35
- Always implement reduced-motion fallback:
36
-
37
- ```css
38
- .panel {
39
- transition: transform 220ms ease, opacity 220ms ease;
40
- }
41
-
42
- @media (prefers-reduced-motion: reduce) {
43
- .panel {
44
- transition: none;
45
- }
46
- }
47
- ```
48
-
49
- ## Interaction Patterns
50
-
51
- Recommended patterns:
52
- - Enter/exit fade + translate for dialogs.
53
- - Staggered list reveal for scannability on load.
54
- - Subtle press/hover feedback for actionable controls.
55
-
56
- Avoid these patterns:
57
- - Continuous decorative motion on primary content.
58
- - Multiple competing animations in one viewport.
59
- - Looping movement that can distract reading flow.
60
-
61
- ## Review Checklist
62
-
63
- - [ ] Every animation has explicit product intent.
64
- - [ ] Timing scale is consistent across components.
65
- - [ ] Heavy layout-triggering properties are avoided.
66
- - [ ] Reduced-motion mode is implemented and tested.
67
- - [ ] Motion does not block keyboard or screen-reader flow.
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@agentic-skills/frontend",
3
- "version": "1.0.0",
4
- "author": "agentic"
5
- }
@@ -1,63 +0,0 @@
1
- # Frontend Performance Engineering
2
-
3
- Tier: EXPERT
4
-
5
- Performance work should be evidence-driven. Start with baseline metrics, optimize where bottlenecks are proven, then verify that user-facing indicators improved.
6
-
7
- ## Core Metrics
8
-
9
- Track Core Web Vitals in CI and release checks:
10
- - LCP target: less than 2.5s on reference environments.
11
- - INP target: less than 200ms.
12
- - CLS target: less than 0.1.
13
-
14
- Also track bundle size and script execution time for key routes.
15
-
16
- ## Render Efficiency
17
-
18
- Common controls:
19
- - Keep expensive computation outside render path with memoization.
20
- - Use stable callbacks for memoized child components.
21
- - Split large component trees by feature boundary.
22
-
23
- ```javascript
24
- const visibleRows = useMemo(() => {
25
- return allRows.filter((row) => row.isVisible);
26
- }, [allRows]);
27
-
28
- const handleRowOpen = useCallback((rowId) => {
29
- openRowDetails(rowId);
30
- }, [openRowDetails]);
31
- ```
32
-
33
- ## Network and Caching Strategy
34
-
35
- - Treat server state separately from UI state.
36
- - Use query caching with explicit stale policies.
37
- - Avoid duplicate API calls by keying requests consistently.
38
-
39
- For route transitions, prefetch data for likely next navigation paths.
40
-
41
- ## Bundle Governance
42
-
43
- Use route and component-level code splitting:
44
- - Lazy-load non-critical routes.
45
- - Defer optional heavy modules until needed.
46
- - Audit bundle growth at each release.
47
-
48
- Set a budget and fail CI on unapproved bundle-size regressions.
49
-
50
- ## Diagnostics Workflow
51
-
52
- 1. Capture baseline profile and web-vitals report.
53
- 2. Apply one optimization change.
54
- 3. Re-profile and compare deltas.
55
- 4. Keep only changes with measurable improvement.
56
-
57
- ## Review Checklist
58
-
59
- - [ ] Core metrics targets are monitored and reported.
60
- - [ ] Render-heavy paths are profiled with tooling evidence.
61
- - [ ] Data fetching uses cache and deduplication strategy.
62
- - [ ] Bundle-size budget is defined and enforced.
63
- - [ ] Performance regressions are blocked until reviewed.
@@ -1,41 +0,0 @@
1
- # Responsive Delivery
2
-
3
- Tier: ADVANCE
4
-
5
- Responsive delivery is not just resizing components. It defines how information hierarchy, interaction ergonomics, and loading behavior adapt across screen classes.
6
-
7
- ## Breakpoint Contract
8
-
9
- Define a small set of supported breakpoints and explicitly map each critical screen to layout behavior:
10
-
11
- - Mobile baseline for primary one-handed flows.
12
- - Tablet landscape/portrait handling for mixed navigation density.
13
- - Desktop behavior for dense data views and power-user shortcuts.
14
-
15
- ## Hierarchy and Readability
16
-
17
- - Keep primary value proposition and main action in first viewport.
18
- - Promote one primary CTA and one secondary CTA at most on conversion screens.
19
- - Prevent layout shift when optional content loads asynchronously.
20
- - Keep typography scaling consistent with design tokens.
21
-
22
- ## Interaction Ergonomics
23
-
24
- - Maintain touch target minimum sizes for mobile.
25
- - Preserve keyboard navigability on desktop and tablet keyboard scenarios.
26
- - Avoid hover-only critical interactions.
27
- - Ensure sticky bars and bottom sheets do not hide required form controls.
28
-
29
- ## Validation Workflow
30
-
31
- 1. Capture screenshots for each breakpoint from the same scenario.
32
- 2. Execute keyboard and pointer flow checks on critical journeys.
33
- 3. Verify loading, empty, and error states for each breakpoint class.
34
- 4. Attach responsive evidence to release artifact bundle.
35
-
36
- ## Review Checklist
37
-
38
- - [ ] Breakpoint behavior is documented per critical screen.
39
- - [ ] Primary CTA remains clear on all supported viewports.
40
- - [ ] Touch and keyboard interactions are both functional.
41
- - [ ] Loading and error states preserve layout stability.
@@ -1 +0,0 @@
1
- # Frontend skill test fixtures placeholder