testing-area 0.0.0-stage → 1.0.0

package/.agents/grimoire-skills.md

@@ -0,0 +1,7 @@
+<!-- BEGIN GRIMOIRE-SKILLS MANAGED BLOCK -->
+
+## Grimoire Skills
+
+Installed skills are located in .agents/skills/. Read each skill's SKILL.md before using it. Combination spells require their listed prerequisites.
+
+<!-- END GRIMOIRE-SKILLS MANAGED BLOCK -->

package/.agents/skills/analyze-layout-geometry/SKILL.md

@@ -0,0 +1,62 @@
+---
+id: analyze-layout-geometry
+name: Analyze Layout Geometry
+rank: C
+version: 1.0.0
+status: active
+author: Dion
+maintainers:
+  - Dion
+contributors: []
+created: 2026-10-17
+updated: 2026-10-17
+effort: low
+estimated_tokens: 1000-2000
+class: Validation / Audit
+target: UI layout, screenshot, or component specification
+tags: [ui, layout, geometry, spacing]
+---
+
+# Analyze Layout Geometry
+
+## Attributes & Metadata
+
+- **Rank:** C
+- **Strategy:** Inspect, measure, report
+- **Target:** UI layout, screenshot, or component specification
+
+## Preconditions
+
+- EXPECT a layout, screenshot, or component specification.
+- ASSERT viewport dimensions and relevant design tokens when available.
+- REJECT inputs without enough visual or structural information to assess geometry.
+
+## Execution Pipeline
+
+1. Identify containers, alignment axes, and layout boundaries.
+2. Measure spacing, sizing, proportions, and gaps.
+3. Compare values against stated or inferred design tokens.
+4. Report inconsistencies and corrective changes.
+
+## Core Effect
+
+Produce a concise geometry assessment with actionable layout corrections.
+
+## Constraints & Limits
+
+- MUST distinguish measured values from estimates.
+- MUST preserve intentional hierarchy and alignment.
+- MUST NOT recommend arbitrary spacing without a stated basis.
+- SHOULD identify the smallest structural change that resolves each issue.
+
+## Example Invocation
+
+**Input:** Apply this skill to a representative engineering request within its stated target.
+
+**Output:** The defined artifact, verification results, and known limitations.
+
+## Post-Execution Verification
+
+- ENSURE every reported issue identifies its affected element.
+- VERIFY recommendations address alignment, sizing, or spacing directly.
+- EMIT findings grouped by severity and location.

package/.agents/skills/audit-existing-ui-component/SKILL.md

@@ -0,0 +1,65 @@
+---
+id: audit-existing-ui-component
+name: Audit Existing UI Component
+rank: A
+version: 1.0.0
+status: active
+author: Dion
+maintainers:
+  - Dion
+contributors: []
+created: 2026-10-17
+updated: 2026-10-17
+effort: high
+estimated_tokens: 4000-8000
+class: Orchestration · Validation / Audit
+target: Existing UI component or implementation
+tags: [ui, audit, accessibility, responsive, consistency]
+composes:
+  - analyze-layout-geometry
+  - validate-accessibility
+  - optimize-responsive-layout
+  - review-visual-consistency
+---
+
+# Audit Existing UI Component
+
+## Prerequisites
+
+- `analyze-layout-geometry` is available.
+- `validate-accessibility` is available.
+- `optimize-responsive-layout` is available.
+- `review-visual-consistency` is available.
+- The component implementation or rendered output is available.
+- Supported viewports and project design references are known.
+
+## Execution Pipeline
+
+1. Analyze layout geometry and structural alignment.
+2. Review visual consistency against project references.
+3. Audit accessibility semantics and interaction behavior.
+4. Check responsive behavior across supported viewports.
+5. Consolidate findings by severity, effort, and dependency.
+
+## Core Effect
+
+Produce a prioritized engineering audit of an existing UI component.
+
+## Constraints & Limits
+
+- MUST preserve evidence from every composed skill.
+- MUST separate observed defects from recommendations.
+- MUST NOT claim compliance without sufficient inspection.
+- SHOULD identify dependencies between corrective actions.
+
+## Example Invocation
+
+**Input:** Apply this skill to a representative engineering request within its stated target.
+
+**Output:** The defined artifact, verification results, and known limitations.
+
+## Post-Execution Verification
+
+- ENSURE every finding has evidence, impact, and a recommended action.
+- VERIFY duplicate findings are merged.
+- EMIT a prioritized audit report and remaining limitations.

package/.agents/skills/optimize-responsive-layout/SKILL.md

@@ -0,0 +1,63 @@
+---
+id: optimize-responsive-layout
+name: Optimize Responsive Layout
+rank: B
+version: 1.0.0
+status: active
+author: Dion
+maintainers:
+  - Dion
+contributors: []
+created: 2026-10-17
+updated: 2026-10-17
+effort: medium
+estimated_tokens: 2000-4000
+class: Transformation
+target: Responsive UI implementation or layout specification
+tags: [ui, responsive, layout, mobile]
+---
+
+# Optimize Responsive Layout
+
+## Attributes & Metadata
+
+- **Rank:** B
+- **Strategy:** Inspect, model, adjust, verify
+- **Target:** Responsive UI implementation or layout specification
+
+## Preconditions
+
+- EXPECT supported viewport ranges and primary content priorities.
+- ASSERT the existing layout system, breakpoints, and design tokens when available.
+- REJECT changes that optimize one viewport by breaking required content or behavior elsewhere.
+
+## Execution Pipeline
+
+1. Identify overflow, wrapping, collision, and hierarchy failures.
+2. Define content-driven layout rules and breakpoint behavior.
+3. Adjust containers, grids, flex rules, typography, and media sizing.
+4. Verify key states across supported viewport ranges.
+
+## Core Effect
+
+Produce a responsive layout that preserves content hierarchy and interaction quality across viewport sizes.
+
+## Constraints & Limits
+
+- MUST prioritize content and interaction requirements over fixed dimensions.
+- MUST preserve readable text and usable controls at supported sizes.
+- MUST NOT add breakpoints without a layout failure or content requirement.
+- SHOULD use fluid sizing before breakpoint-specific overrides.
+
+## Example Invocation
+
+**Input:** Apply this skill to a representative engineering request within its stated target.
+
+**Output:** The defined artifact, verification results, and known limitations.
+
+## Post-Execution Verification
+
+- ENSURE no required content overflows or becomes inaccessible.
+- VERIFY layout behavior at minimum, maximum, and intermediate widths.
+- VERIFY touch targets, focus order, and text wrapping.
+- EMIT changed rules, tested viewports, and remaining limitations.

package/.agents/skills/review-visual-consistency/SKILL.md

@@ -0,0 +1,55 @@
+---
+id: review-visual-consistency
+name: Review Visual Consistency
+rank: C
+version: 1.0.0
+status: active
+author: Dion
+maintainers:
+  - Dion
+contributors: []
+created: 2026-10-17
+updated: 2026-10-17
+effort: low
+estimated_tokens: 1000-2000
+class: Validation / Audit
+target: UI component, page, screenshot, or design reference
+tags: [ui, visual, consistency, review]
+---
+
+# Review Visual Consistency
+
+## Prerequisites
+
+- EXPECT a UI artifact and a project reference, token set, or established component pattern.
+- ASSERT the target viewport and relevant state when reviewing a rendered result.
+
+## Execution Pipeline
+
+1. Compare typography, color, spacing, borders, radii, elevation, and iconography.
+2. Identify deviations from project patterns.
+3. Classify deviations by visibility and user impact.
+4. Recommend the smallest corrective changes.
+
+## Core Effect
+
+Produce a focused visual consistency review with actionable corrections.
+
+## Constraints & Limits
+
+- MUST distinguish visual defects from intentional variation.
+- MUST use project references as the comparison basis.
+- MUST NOT recommend changes without identifying the affected element.
+- SHOULD prioritize repeated or high-visibility inconsistencies.
+
+## Example Invocation
+
+**Input:** Apply this skill to a representative engineering request within its stated target.
+
+**Output:** The defined artifact, verification results, and known limitations.
+
+## Post-Execution Verification
+
+- ENSURE every finding includes location, evidence, and correction.
+- VERIFY recommendations preserve hierarchy and usability.
+- EMIT findings grouped by priority.

package/.agents/skills/validate-accessibility/SKILL.md

@@ -0,0 +1,63 @@
+---
+id: validate-accessibility
+name: Validate Accessibility
+rank: B
+version: 1.0.0
+status: active
+author: Dion
+maintainers:
+  - Dion
+contributors: []
+created: 2026-10-17
+updated: 2026-10-17
+effort: medium
+estimated_tokens: 2000-4000
+class: Validation / Audit
+target: UI component, page, or interaction flow
+tags: [ui, accessibility, semantics, keyboard]
+---
+
+# Validate Accessibility
+
+## Attributes & Metadata
+
+- **Rank:** B
+- **Strategy:** Inspect, test, classify, remediate
+- **Target:** UI component, page, or interaction flow
+
+## Preconditions
+
+- EXPECT component markup, implementation, or an accessible interaction description.
+- ASSERT known user actions and supported states.
+- REJECT claims of compliance without inspectable structure or behavior.
+
+## Execution Pipeline
+
+1. Inspect semantic structure, names, roles, and states.
+2. Check keyboard navigation, focus order, and focus visibility.
+3. Check labels, contrast, errors, status messages, and responsive zoom behavior.
+4. Classify violations by impact and provide targeted fixes.
+
+## Core Effect
+
+Produce an accessibility assessment with concrete remediation steps.
+
+## Constraints & Limits
+
+- MUST prefer native HTML semantics over unnecessary ARIA.
+- MUST ensure every interactive control has an accessible name.
+- MUST support keyboard operation for all essential actions.
+- MUST NOT claim full compliance from static inspection alone.
+- SHOULD identify the applicable WCAG criterion when known.
+
+## Example Invocation
+
+**Input:** Apply this skill to a representative engineering request within its stated target.
+
+**Output:** The defined artifact, verification results, and known limitations.
+
+## Post-Execution Verification
+
+- ENSURE each finding includes impact, location, and remediation.
+- VERIFY all essential actions have a keyboard path.
+- EMIT findings grouped by severity and verification method.

package/package.json

@@ -1,6 +1,15 @@
 {
   "name": "testing-area",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "engineering-grimoires": "file:.."
+  }
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.