npm - code-ai-installer - Versions diffs - 1.5.5 → 2.0.1 - Mend

code-ai-installer 1.5.5 → 2.0.1

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 (3262) hide show

package/domains/development/locales/en/.agents/skills/qa-test-plan/agents/skill.yaml ADDED Viewed

@@ -0,0 +1,22 @@
+version: 1
+name: "qa-test-plan"
+display_name: "QA Test Plan"
+description: "Create a test plan and coverage matrix based on PRD/UX — roles, critical user flows, UI states, negative cases, acceptance criteria."
+default_prompt: "Use $qa-test-plan when the task matches the \"QA Test Plan\" skill."
+triggers:
+  - "qa-test-plan"
+  - "qa test plan"
+  - "Create a test plan and coverage matrix based on PRD/UX — roles, critical user flows, UI states, negative cases, acceptance criteria"
+capabilities:
+  - "qa"
+  - "test"
+  - "plan"
+tools: []
+invocation:
+  explicit: true
+  implicit: true
+localization:
+  default_locale: "en"
+  available_locales:
+    - "ru"
+    - "en"

package/domains/development/locales/en/.agents/skills/qa-ui-a11y-smoke/SKILL.md ADDED Viewed

@@ -0,0 +1,230 @@
+---
+name: qa-ui-a11y-smoke
+description: UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec.
+---
+# Skill: QA UI & A11y Smoke
+Basic check of UI accessibility and usability.
+**Sections:**
+1. [Workflow](#1-workflow)
+2. [Checklist](#2-checklist)
+3. [Keyboard Navigation](#3-keyboard)
+4. [Automated Tools](#4-tools)
+5. [Output Template](#5-output)
+---
+## 1. Workflow
+```
+1. Automated check
+   ├── axe DevTools / Lighthouse a11y audit
+   └── Record score and critical issues
+2. Keyboard navigation (section 3)
+   └── Traverse all interactive elements with Tab
+3. Visual check
+   ├── UI states (loading, empty, error, success)
+   ├── Responsive (if in scope)
+   └── Match UX Spec
+4. ARIA / Forms check (section 2)
+   └── Labels, roles, error messages
+5. Fill output template
+```
+---
+## 2. Checklist
+### 2.1 Keyboard Navigation
+| # | Check | WCAG | Severity | Status |
+|---|-------|------|----------|--------|
+| A11Y-01 | All interactive elements reachable via Tab | 2.1.1 (A) | 🔴 P0 | ☐ |
+| A11Y-02 | Focus order is logical (top→bottom, left→right) | 2.4.3 (A) | 🟠 P1 | ☐ |
+| A11Y-03 | Focus visible on all elements | 2.4.7 (AA) | 🔴 P0 | ☐ |
+| A11Y-04 | Escape closes modals/dropdowns | — (UX) | 🟠 P1 | ☐ |
+| A11Y-05 | Enter activates buttons/links | 2.1.1 (A) | 🔴 P0 | ☐ |
+| A11Y-06 | No keyboard traps (can always Tab out) | 2.1.2 (A) | 🔴 P0 | ☐ |
+### 2.2 Forms & Labels
+| # | Check | WCAG | Severity | Status |
+|---|-------|------|----------|--------|
+| A11Y-07 | All inputs have visible label or `aria-label` | 1.3.1 (A) | 🔴 P0 | ☐ |
+| A11Y-08 | Required fields marked (`aria-required` or visual) | 1.3.1 (A) | 🟠 P1 | ☐ |
+| A11Y-09 | Error messages associated with fields (`aria-describedby`) | 1.3.1 (A) | 🟠 P1 | ☐ |
+| A11Y-10 | Error messages visible and descriptive | 3.3.1 (A) | 🟠 P1 | ☐ |
+| A11Y-11 | Form submission feedback (toast/message) | — (UX) | 🟠 P1 | ☐ |
+### 2.3 Content & Structure
+| # | Check | WCAG | Severity | Status |
+|---|-------|------|----------|--------|
+| A11Y-12 | Page has one `<h1>` | 1.3.1 (A) | 🟠 P1 | ☐ |
+| A11Y-13 | Heading hierarchy is logical (h1→h2→h3, no skips) | 1.3.1 (A) | 🟡 P2 | ☐ |
+| A11Y-14 | Images have `alt` text (or `alt=""` for decorative) | 1.1.1 (A) | 🟠 P1 | ☐ |
+| A11Y-15 | Links have descriptive text (no "click here") | 2.4.4 (A) | 🟡 P2 | ☐ |
+| A11Y-16 | Language attribute set (`<html lang="...">`) | 3.1.1 (A) | 🟡 P2 | ☐ |
+### 2.4 Visual & Contrast
+| # | Check | WCAG | Severity | Status |
+|---|-------|------|----------|--------|
+| A11Y-17 | Text contrast ≥ 4.5:1 (normal) / 3:1 (large) | 1.4.3 (AA) | 🟠 P1 | ☐ |
+| A11Y-18 | UI works with `prefers-reduced-motion` | 2.3.3 (AAA) | 🟡 P2 | ☐ |
+| A11Y-19 | No content requires color alone to convey meaning | 1.4.1 (A) | 🟠 P1 | ☐ |
+| A11Y-20 | Interactive elements have minimum 44×44px touch target | 2.5.5 (AAA) | 🟡 P2 | ☐ |
+### 2.5 UI States
+| # | Check | Where | Severity | Status |
+|---|-------|-------|----------|--------|
+| A11Y-21 | Loading state shown (spinner/skeleton) | All async actions | 🟠 P1 | ☐ |
+| A11Y-22 | Empty state shown (illustration + message) | Lists, tables | 🟠 P1 | ☐ |
+| A11Y-23 | Error state shown (icon + message + retry) | Failed fetches | 🟠 P1 | ☐ |
+| A11Y-24 | Success state shown (toast/message) | Create, update, delete | 🟠 P1 | ☐ |
+| A11Y-25 | Disabled state clear (visual + `disabled` attribute) | Forms, buttons | 🟡 P2 | ☐ |
+---
+## 3. Keyboard Navigation Test
+### Test procedure
+| Step | Action | Expected | Status |
+|------|--------|----------|--------|
+| 1 | Press Tab from page start | Focus moves to first interactive element | ☐ |
+| 2 | Continue Tab through all elements | Each interactive element receives visible focus | ☐ |
+| 3 | Press Shift+Tab | Focus moves backward in logical order | ☐ |
+| 4 | Press Enter on buttons | Button action fires | ☐ |
+| 5 | Press Enter on links | Link navigates | ☐ |
+| 6 | Open modal/dialog | Focus trapped inside modal | ☐ |
+| 7 | Press Escape on modal | Modal closes, focus returns to trigger | ☐ |
+| 8 | Tab through form | All inputs, selects, buttons reachable | ☐ |
+| 9 | Submit form with Enter | Form submits | ☐ |
+| 10 | Tab out of last element | Focus wraps or exits predictably | ☐ |
+### Common keyboard failures
+| Failure | Severity | Fix |
+|---------|----------|-----|
+| Custom button (`<div onClick>`) not focusable | P0 | Use `<button>` or add `tabIndex="0"` + `role="button"` |
+| Focus outline removed (`outline: none`) | P0 | Use `:focus-visible` instead |
+| Modal doesn't trap focus | P1 | Add focus trap (FocusTrap component) |
+| Dropdown opens but items not navigable | P1 | Add keyboard arrows + Enter support |
+| Tab order follows DOM, not visual order | P1 | Fix DOM order or use `tabIndex` |
+---
+## 4. Automated Tools
+### axe DevTools (browser extension)
+```
+1. Open page in Chrome
+2. DevTools → axe DevTools tab → Scan
+3. Review: Critical / Serious / Moderate issues
+4. Export results
+```
+### Lighthouse a11y
+```
+1. DevTools → Lighthouse → Check "Accessibility"
+2. Run audit
+3. Target score: ≥ 90
+4. Review flagged issues
+```
+### Grep patterns for code review
+```bash
+# Missing alt on images
+grep_search: Query="<img" Includes=["*.jsx","*.tsx"]
+→ Check: has alt attribute?
+# Custom interactive without role
+grep_search: Query="onClick" Includes=["*.jsx","*.tsx"]
+→ Check: is it on <button>, <a>, or has role="button"?
+# Outline removal
+grep_search: Query="outline.*none" Includes=["*.css"]
+→ P0: needs :focus-visible alternative
+# Missing htmlFor on labels
+grep_search: Query="<label" Includes=["*.jsx","*.tsx"]
+→ Check: has htmlFor or wraps input?
+```
+---
+## 5. Output Template
+```markdown
+# UI & Accessibility Smoke Report
+**Date:** YYYY-MM-DD
+**Tester:** Tester Agent
+**Page/Component:** <name>
+**UX Spec reference:** <link>
+## Automated Scan
+| Tool | Score | Critical | Serious | Moderate |
+|------|:-----:|:--------:|:-------:|:--------:|
+| axe DevTools | — | 0 | 2 | 3 |
+| Lighthouse A11y | 87 | — | — | — |
+## Keyboard Navigation
+| Step | Action | Expected | Status |
+|------|--------|----------|:------:|
+| 1 | Tab through all | Focus visible | ✅ |
+| 6 | Open modal | Focus trapped | ❌ |
+| 7 | Escape modal | Focus returns | ❌ |
+## Checklist Results
+| Section | Pass | Fail | Total |
+|---------|:----:|:----:|:-----:|
+| Keyboard (A11Y-01..06) | 4 | 2 | 6 |
+| Forms (A11Y-07..11) | 4 | 1 | 5 |
+| Content (A11Y-12..16) | 5 | 0 | 5 |
+| Visual (A11Y-17..20) | 3 | 1 | 4 |
+| UI States (A11Y-21..25) | 4 | 1 | 5 |
+| **Total** | **20** | **5** | **25** |
+## Findings
+| # | Severity | Check | Element | Finding | Fix |
+|---|----------|-------|---------|---------|-----|
+| 1 | 🔴 P0 | A11Y-03 | Save button | No focus outline | Add `:focus-visible` style |
+| 2 | 🟠 P1 | A11Y-09 | Coupon code input | Error not linked to field | Add `aria-describedby` |
+| 3 | 🟠 P1 | A11Y-17 | Timer text | Contrast 2.8:1 (need 4.5:1) | Darken text color |
+## UI States Check
+| State | Page | Present? | Matches UX Spec? |
+|-------|------|:--------:|:----------------:|
+| Loading | Settings | ✅ | ✅ |
+| Empty | Coupons list | ✅ | ⚠️ No illustration |
+| Error | Settings save | ❌ Missing | ❌ |
+| Success | Settings save | ✅ (toast) | ✅ |
+## Verdict
+- ✅ ACCESSIBLE — Lighthouse ≥ 90, no P0
+- ⚠️ ISSUES — P0/P1 a11y issues found
+- ❌ NON-ACCESSIBLE — critical keyboard/focus failures
+```
+---
+## See also
+- `$a11y-baseline` — a11y baseline requirements
+- `$ui-a11y-smoke-review` — designer-level a11y review
+- `$qa-manual-run` — general manual testing
+- `$qa-browser-testing` — browser-based visual testing
+- `$styling-css-stack` — CSS a11y patterns (focus-visible, prefers-reduced-motion)

package/domains/development/locales/en/.agents/skills/qa-ui-a11y-smoke/agents/claude.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "name": "qa-ui-a11y-smoke",
+  "display_name": "QA UI & A11y Smoke",
+  "description": "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec.",
+  "default_prompt": "Use $qa-ui-a11y-smoke when the task matches the \"QA UI & A11y Smoke\" skill.",
+  "triggers": [
+    "qa-ui-a11y-smoke",
+    "qa ui a11y smoke",
+    "QA UI & A11y Smoke",
+    "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec"
+  ],
+  "capabilities": [
+    "qa",
+    "ui",
+    "a11y",
+    "smoke"
+  ],
+  "tools": [],
+  "implicit_invocation": true
+}

package/domains/development/locales/en/.agents/skills/qa-ui-a11y-smoke/agents/copilot.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "name": "qa-ui-a11y-smoke",
+  "display_name": "QA UI & A11y Smoke",
+  "description": "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec.",
+  "default_prompt": "Use $qa-ui-a11y-smoke when the task matches the \"QA UI & A11y Smoke\" skill.",
+  "triggers": [
+    "qa-ui-a11y-smoke",
+    "qa ui a11y smoke",
+    "QA UI & A11y Smoke",
+    "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec"
+  ],
+  "capabilities": [
+    "qa",
+    "ui",
+    "a11y",
+    "smoke"
+  ],
+  "tools": [],
+  "implicit_invocation": true
+}

package/domains/development/locales/en/.agents/skills/qa-ui-a11y-smoke/agents/gemini.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "name": "qa-ui-a11y-smoke",
+  "display_name": "QA UI & A11y Smoke",
+  "description": "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec.",
+  "default_prompt": "Use $qa-ui-a11y-smoke when the task matches the \"QA UI & A11y Smoke\" skill.",
+  "triggers": [
+    "qa-ui-a11y-smoke",
+    "qa ui a11y smoke",
+    "QA UI & A11y Smoke",
+    "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec"
+  ],
+  "capabilities": [
+    "qa",
+    "ui",
+    "a11y",
+    "smoke"
+  ],
+  "tools": [],
+  "implicit_invocation": true
+}

package/domains/development/locales/en/.agents/skills/qa-ui-a11y-smoke/agents/openai.yaml ADDED Viewed

@@ -0,0 +1,8 @@
+interface:
+  display_name: "QA UI & A11y Smoke"
+  short_description: "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with U…"
+  default_prompt: "Use $qa-ui-a11y-smoke when the task matches the \"QA UI & A11y Smoke\" skill."
+dependencies:
+  tools: []
+policy:
+  allow_implicit_invocation: true

package/domains/development/locales/en/.agents/skills/qa-ui-a11y-smoke/agents/qwen.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "name": "qa-ui-a11y-smoke",
+  "display_name": "QA UI & A11y Smoke",
+  "description": "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec.",
+  "default_prompt": "Use $qa-ui-a11y-smoke when the task matches the \"QA UI & A11y Smoke\" skill.",
+  "triggers": [
+    "qa-ui-a11y-smoke",
+    "qa ui a11y smoke",
+    "QA UI & A11y Smoke",
+    "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec"
+  ],
+  "capabilities": [
+    "qa",
+    "ui",
+    "a11y",
+    "smoke"
+  ],
+  "tools": [],
+  "implicit_invocation": true
+}

package/domains/development/locales/en/.agents/skills/qa-ui-a11y-smoke/agents/skill.yaml ADDED Viewed

@@ -0,0 +1,24 @@
+version: 1
+name: "qa-ui-a11y-smoke"
+display_name: "QA UI & A11y Smoke"
+description: "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec."
+default_prompt: "Use $qa-ui-a11y-smoke when the task matches the \"QA UI & A11y Smoke\" skill."
+triggers:
+  - "qa-ui-a11y-smoke"
+  - "qa ui a11y smoke"
+  - "QA UI & A11y Smoke"
+  - "UI/a11y smoke — keyboard/focus, labels/aria, basic contrast, form and list states, match with UX Spec"
+capabilities:
+  - "qa"
+  - "ui"
+  - "a11y"
+  - "smoke"
+tools: []
+invocation:
+  explicit: true
+  implicit: true
+localization:
+  default_locale: "en"
+  available_locales:
+    - "ru"
+    - "en"