agents-united 0.5.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.
- package/LICENSE +21 -0
- package/README.md +673 -0
- package/dist/cli.d.ts +5 -0
- package/dist/cli.js +4789 -0
- package/dist/cli.js.map +1 -0
- package/package.json +77 -0
- package/registry/agents/orchestrator-business.md +188 -0
- package/registry/agents/orchestrator-design.md +168 -0
- package/registry/agents/orchestrator-engineering.md +183 -0
- package/registry/agents/orchestrator-marketing.md +228 -0
- package/registry/agents/orchestrator-research.md +196 -0
- package/registry/agents/orchestrator-security.md +190 -0
- package/registry/agents/orchestrator-system-architecture.md +171 -0
- package/registry/agents/orchestrator-universal.md +168 -0
- package/registry/agents/subagent-accessibility-lead.md +47 -0
- package/registry/agents/subagent-ai-model-architect.md +97 -0
- package/registry/agents/subagent-android-architect.md +47 -0
- package/registry/agents/subagent-appsec-penetration-tester.md +189 -0
- package/registry/agents/subagent-backend-architect.md +360 -0
- package/registry/agents/subagent-business-panel-experts.md +126 -0
- package/registry/agents/subagent-cloud-infrastructure-architect.md +126 -0
- package/registry/agents/subagent-cloud-security-architect.md +221 -0
- package/registry/agents/subagent-code-reviewer.md +193 -0
- package/registry/agents/subagent-compliance-grc-specialist.md +147 -0
- package/registry/agents/subagent-cross-platform-specialist.md +47 -0
- package/registry/agents/subagent-data-engineer.md +46 -0
- package/registry/agents/subagent-database-administrator.md +141 -0
- package/registry/agents/subagent-deep-research.md +94 -0
- package/registry/agents/subagent-design-ops-lead.md +121 -0
- package/registry/agents/subagent-design-researcher.md +133 -0
- package/registry/agents/subagent-design-systems-architect.md +134 -0
- package/registry/agents/subagent-designer-toolkit-expert.md +363 -0
- package/registry/agents/subagent-devops-engineer.md +423 -0
- package/registry/agents/subagent-distributed-systems-architect.md +47 -0
- package/registry/agents/subagent-e2e-tester.md +60 -0
- package/registry/agents/subagent-financial-analyst.md +119 -0
- package/registry/agents/subagent-finops-cost-engineer.md +98 -0
- package/registry/agents/subagent-frontend-architect.md +368 -0
- package/registry/agents/subagent-interaction-designer.md +302 -0
- package/registry/agents/subagent-ios-architect.md +46 -0
- package/registry/agents/subagent-legal-contract-analyst.md +108 -0
- package/registry/agents/subagent-lifecycle-email-specialist.md +46 -0
- package/registry/agents/subagent-literature-patent-analyst.md +78 -0
- package/registry/agents/subagent-market-intelligence-analyst.md +110 -0
- package/registry/agents/subagent-marketing-campaign-specialist.md +80 -0
- package/registry/agents/subagent-marketing-content-strategist.md +184 -0
- package/registry/agents/subagent-marketing-conversion-specialist.md +79 -0
- package/registry/agents/subagent-marketing-creative-designer.md +93 -0
- package/registry/agents/subagent-marketing-growth-strategist.md +137 -0
- package/registry/agents/subagent-ml-platform-engineer.md +95 -0
- package/registry/agents/subagent-operations-strategist.md +85 -0
- package/registry/agents/subagent-paid-acquisition-specialist.md +47 -0
- package/registry/agents/subagent-plg-strategist.md +46 -0
- package/registry/agents/subagent-prototype-tester.md +140 -0
- package/registry/agents/subagent-qa-automation-lead.md +63 -0
- package/registry/agents/subagent-repo-index.md +180 -0
- package/registry/agents/subagent-security-engineer.md +134 -0
- package/registry/agents/subagent-seo-specialist.md +46 -0
- package/registry/agents/subagent-socratic-mentor.md +105 -0
- package/registry/agents/subagent-statistical-analyst.md +132 -0
- package/registry/agents/subagent-sysops-sre-lead.md +84 -0
- package/registry/agents/subagent-system-architect.md +122 -0
- package/registry/agents/subagent-ui-designer.md +149 -0
- package/registry/agents/subagent-ux-strategist.md +88 -0
- package/registry/bundles.json +1386 -0
- package/registry/rules/AGENTS.md +41 -0
- package/registry/rules/CLAUDE.md +12 -0
- package/registry/rules/CURSOR.md +12 -0
- package/registry/rules/GEMINI.md +41 -0
- package/registry/rules/clean-code-and-architecture.md +25 -0
- package/registry/rules/domain-modeling-and-adr.md +27 -0
- package/registry/rules/git-guardrails.md +19 -0
- package/registry/rules/multi-agent-coordination.md +33 -0
- package/registry/rules/quality-aesthetics-accessibility.md +29 -0
- package/registry/rules/skill-attribution.md +27 -0
- package/registry/rules/test-driven-development.md +41 -0
- package/registry/skills/ab-test-setup/SKILL.md +150 -0
- package/registry/skills/accessibility-audit/SKILL.md +150 -0
- package/registry/skills/ad-attribution-modeling/SKILL.md +206 -0
- package/registry/skills/ad-creative-design/SKILL.md +27 -0
- package/registry/skills/ai-prototype-refactoring/SKILL.md +29 -0
- package/registry/skills/architecture-design/SKILL.md +141 -0
- package/registry/skills/azure-infrastructure-bicep/SKILL.md +28 -0
- package/registry/skills/backend-api-design/SKILL.md +151 -0
- package/registry/skills/chaos-engineering/SKILL.md +41 -0
- package/registry/skills/churn-prevention-playbook/SKILL.md +181 -0
- package/registry/skills/ci-cd-pipeline-automation/SKILL.md +40 -0
- package/registry/skills/clickable-prototype-spec/SKILL.md +150 -0
- package/registry/skills/code-refactoring/SKILL.md +135 -0
- package/registry/skills/component-library-management/SKILL.md +150 -0
- package/registry/skills/component-playground-setup/SKILL.md +150 -0
- package/registry/skills/content-calendar-strategy/SKILL.md +150 -0
- package/registry/skills/conversion-funnel-optimization/SKILL.md +150 -0
- package/registry/skills/copywriting-frameworks/SKILL.md +150 -0
- package/registry/skills/database-design/SKILL.md +135 -0
- package/registry/skills/dependency-management/SKILL.md +142 -0
- package/registry/skills/design-handoff-spec/SKILL.md +150 -0
- package/registry/skills/design-ops-workflow/SKILL.md +150 -0
- package/registry/skills/design-system-governance/SKILL.md +150 -0
- package/registry/skills/design-system-tokens/SKILL.md +150 -0
- package/registry/skills/design-tokens-management/SKILL.md +150 -0
- package/registry/skills/design-version-control/SKILL.md +150 -0
- package/registry/skills/diagnosing-bugs/SKILL.md +45 -0
- package/registry/skills/docker-deployment/SKILL.md +144 -0
- package/registry/skills/domain-modeling/SKILL.md +52 -0
- package/registry/skills/email-drip-sequences/SKILL.md +181 -0
- package/registry/skills/email-marketing-automation/SKILL.md +150 -0
- package/registry/skills/finishing-a-development-branch/SKILL.md +132 -0
- package/registry/skills/frontend-component-design/SKILL.md +153 -0
- package/registry/skills/git-guardrails/SKILL.md +41 -0
- package/registry/skills/google-ads-optimization/SKILL.md +27 -0
- package/registry/skills/graphql-schema-design/SKILL.md +146 -0
- package/registry/skills/grill-me/SKILL.md +57 -0
- package/registry/skills/grill-with-docs/SKILL.md +84 -0
- package/registry/skills/growth-experiment-design/SKILL.md +150 -0
- package/registry/skills/handoff/SKILL.md +44 -0
- package/registry/skills/hf-model-evaluation/SKILL.md +84 -0
- package/registry/skills/interaction-pattern-library/SKILL.md +150 -0
- package/registry/skills/interactive-prototype-builder/SKILL.md +157 -0
- package/registry/skills/local-llm-inference/SKILL.md +77 -0
- package/registry/skills/maestro-mobile-testing/SKILL.md +40 -0
- package/registry/skills/marketing-creative-design/SKILL.md +186 -0
- package/registry/skills/mcp-setup/SKILL.md +370 -0
- package/registry/skills/meta-ad-creative-testing/SKILL.md +26 -0
- package/registry/skills/micro-interaction-design/SKILL.md +150 -0
- package/registry/skills/microservices-architecture/SKILL.md +141 -0
- package/registry/skills/mobile-android-design/SKILL.md +40 -0
- package/registry/skills/mobile-first-design/SKILL.md +150 -0
- package/registry/skills/mobile-ios-design/SKILL.md +40 -0
- package/registry/skills/mobile-platform-offline-validate/SKILL.md +41 -0
- package/registry/skills/modal-serverless-python/SKILL.md +81 -0
- package/registry/skills/onboarding-cro/SKILL.md +185 -0
- package/registry/skills/paid-acquisition-ppc/SKILL.md +171 -0
- package/registry/skills/performance-optimization/SKILL.md +141 -0
- package/registry/skills/playwright-best-practices/SKILL.md +39 -0
- package/registry/skills/product-launch-playbook/SKILL.md +150 -0
- package/registry/skills/programmatic-seo/SKILL.md +213 -0
- package/registry/skills/rag-vector-pipeline/SKILL.md +84 -0
- package/registry/skills/react-best-practices/SKILL.md +40 -0
- package/registry/skills/receiving-code-review/SKILL.md +130 -0
- package/registry/skills/replicate-model-inference/SKILL.md +76 -0
- package/registry/skills/requesting-code-review/SKILL.md +137 -0
- package/registry/skills/responsive-design-audit/SKILL.md +150 -0
- package/registry/skills/runpod-gpu-orchestration/SKILL.md +85 -0
- package/registry/skills/schema-markup-strategy/SKILL.md +194 -0
- package/registry/skills/security-audit/SKILL.md +139 -0
- package/registry/skills/seo-audit/SKILL.md +150 -0
- package/registry/skills/signup-flow-cro/SKILL.md +150 -0
- package/registry/skills/social-media-campaign/SKILL.md +150 -0
- package/registry/skills/state-driven-ui-animation/SKILL.md +150 -0
- package/registry/skills/subagent-driven-development/SKILL.md +135 -0
- package/registry/skills/supabase-backend-architecture/SKILL.md +28 -0
- package/registry/skills/systematic-debugging/SKILL.md +138 -0
- package/registry/skills/technical-documentation/SKILL.md +136 -0
- package/registry/skills/technical-seo-audit/SKILL.md +27 -0
- package/registry/skills/telemetry-monitoring/SKILL.md +40 -0
- package/registry/skills/test-driven-development/SKILL.md +135 -0
- package/registry/skills/to-spec/SKILL.md +48 -0
- package/registry/skills/to-tickets/SKILL.md +47 -0
- package/registry/skills/turso-distributed-sqlite/SKILL.md +27 -0
- package/registry/skills/ui-component-spec/SKILL.md +150 -0
- package/registry/skills/usability-testing-protocol/SKILL.md +150 -0
- package/registry/skills/user-flow-mapping/SKILL.md +150 -0
- package/registry/skills/user-journey-mapping/SKILL.md +150 -0
- package/registry/skills/vector-database-design/SKILL.md +84 -0
- package/registry/skills/vercel-deploy-best-practices/SKILL.md +28 -0
- package/registry/skills/viral-referral-loops/SKILL.md +209 -0
- package/registry/workflows/workflow-agency-ad-creative-sprint.md +50 -0
- package/registry/workflows/workflow-agency-brand-design-system.md +50 -0
- package/registry/workflows/workflow-agency-client-pitch-proposal.md +50 -0
- package/registry/workflows/workflow-agency-cro-funnel-teardown.md +50 -0
- package/registry/workflows/workflow-agency-full-campaign.md +58 -0
- package/registry/workflows/workflow-agency-seo-content-engine.md +50 -0
- package/registry/workflows/workflow-analyze.md +60 -0
- package/registry/workflows/workflow-api-contract-design.md +48 -0
- package/registry/workflows/workflow-app-store-release.md +48 -0
- package/registry/workflows/workflow-brainstorm.md +60 -0
- package/registry/workflows/workflow-build.md +60 -0
- package/registry/workflows/workflow-business-panel.md +60 -0
- package/registry/workflows/workflow-cleanup.md +60 -0
- package/registry/workflows/workflow-deploy-staging.md +49 -0
- package/registry/workflows/workflow-design-code.md +60 -0
- package/registry/workflows/workflow-design-ops--handoff.md +60 -0
- package/registry/workflows/workflow-design-ops--plan-sprint.md +60 -0
- package/registry/workflows/workflow-design-ops--setup-workflow.md +60 -0
- package/registry/workflows/workflow-design-orchestrate.md +60 -0
- package/registry/workflows/workflow-design-systems--audit-system.md +60 -0
- package/registry/workflows/workflow-design-systems--create-component.md +60 -0
- package/registry/workflows/workflow-design-systems--tokenize.md +60 -0
- package/registry/workflows/workflow-diagnose.md +45 -0
- package/registry/workflows/workflow-e2e-testing.md +49 -0
- package/registry/workflows/workflow-email-drip-sequence.md +65 -0
- package/registry/workflows/workflow-estimate.md +60 -0
- package/registry/workflows/workflow-explain.md +60 -0
- package/registry/workflows/workflow-frontend-audit.md +49 -0
- package/registry/workflows/workflow-git.md +60 -0
- package/registry/workflows/workflow-grill.md +51 -0
- package/registry/workflows/workflow-implement.md +61 -0
- package/registry/workflows/workflow-incident-triage.md +49 -0
- package/registry/workflows/workflow-interaction-design--design-interaction.md +60 -0
- package/registry/workflows/workflow-interaction-design--error-flow.md +60 -0
- package/registry/workflows/workflow-interaction-design--map-states.md +60 -0
- package/registry/workflows/workflow-marketing-audit.md +60 -0
- package/registry/workflows/workflow-marketing-campaign-builder.md +60 -0
- package/registry/workflows/workflow-marketing-content-pipeline.md +60 -0
- package/registry/workflows/workflow-marketing-growth-experiment.md +60 -0
- package/registry/workflows/workflow-marketing-launch.md +60 -0
- package/registry/workflows/workflow-marketing-panel.md +60 -0
- package/registry/workflows/workflow-ml-eval.md +51 -0
- package/registry/workflows/workflow-mobile-build.md +49 -0
- package/registry/workflows/workflow-onboarding-funnel-cro.md +65 -0
- package/registry/workflows/workflow-paid-acquisition-campaign.md +65 -0
- package/registry/workflows/workflow-paid-campaign-launch.md +47 -0
- package/registry/workflows/workflow-plan.md +60 -0
- package/registry/workflows/workflow-prototyping-testing--evaluate.md +60 -0
- package/registry/workflows/workflow-prototyping-testing--experiment.md +60 -0
- package/registry/workflows/workflow-prototyping-testing--prototype-plan.md +60 -0
- package/registry/workflows/workflow-prototyping-testing--test-plan.md +60 -0
- package/registry/workflows/workflow-rag-pipeline-deploy.md +53 -0
- package/registry/workflows/workflow-recommend.md +60 -0
- package/registry/workflows/workflow-research.md +60 -0
- package/registry/workflows/workflow-review.md +60 -0
- package/registry/workflows/workflow-seo-audit-pipeline.md +47 -0
- package/registry/workflows/workflow-seo-content-pipeline.md +65 -0
- package/registry/workflows/workflow-serverless-gpu-deploy.md +52 -0
- package/registry/workflows/workflow-spec-panel.md +60 -0
- package/registry/workflows/workflow-spec.md +44 -0
- package/registry/workflows/workflow-test.md +60 -0
- package/registry/workflows/workflow-troubleshoot.md +60 -0
- package/registry/workflows/workflow-ui-design--color-palette.md +60 -0
- package/registry/workflows/workflow-ui-design--design-screen.md +60 -0
- package/registry/workflows/workflow-ui-design--responsive-audit.md +60 -0
- package/registry/workflows/workflow-ui-design--type-system.md +60 -0
- package/registry/workflows/workflow-ux-strategy--benchmark.md +60 -0
- package/registry/workflows/workflow-ux-strategy--frame-problem.md +60 -0
- package/registry/workflows/workflow-ux-strategy--strategize.md +60 -0
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Technical SEO Audit & Programmatic Deployment Workflow"
|
|
3
|
+
description: "Comprehensive SEO audit, schema validation, sitemap generation, and programmatic page deployment."
|
|
4
|
+
bundle: "seo-content-marketing"
|
|
5
|
+
estimatedDuration: "30-60m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Technical SEO Audit & Programmatic Deployment
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
This workflow coordinates full-site technical SEO audits, Core Web Vitals checks, schema JSON-LD generation, and programmatic landing page deployments.
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start SEO Pipeline]) --> P1[Phase 1: Crawl & Indexing Audit]
|
|
17
|
+
P1 --> InputCheck{"Robots.txt & Canonical Directives Valid?"}
|
|
18
|
+
InputCheck -->|No| Abort1[Abort & Fix Directive Errors]
|
|
19
|
+
InputCheck -->|Yes| P2[Phase 2: Schema & Content Optimization]
|
|
20
|
+
P2 --> Gate1{"Verification Gate: Schema.org Validation Pass?"}
|
|
21
|
+
Gate1 -->|Fail| P2Fix[Remediate Missing Schema Fields]
|
|
22
|
+
P2Fix --> P2
|
|
23
|
+
Gate1 -->|Pass| P3[Phase 3: Sitemap Generation & Verification]
|
|
24
|
+
P3 --> Gate2{"Indexability Gate: Zero Crawl Errors Reported?"}
|
|
25
|
+
Gate2 -->|Fail| P3Retry[Inspect Broken Links and 404s]
|
|
26
|
+
P3Retry --> P3
|
|
27
|
+
Gate2 -->|Pass| Done([SEO Pipeline Verified & Live])
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Phase 1: Crawl & Indexing Audit
|
|
31
|
+
- Inspect `robots.txt`, meta robots tags, and canonical headers.
|
|
32
|
+
- Audit page load performance and Core Web Vitals scores.
|
|
33
|
+
|
|
34
|
+
## Phase 2: Schema & Content Optimization
|
|
35
|
+
- Inject structured JSON-LD schemas (`SoftwareApplication`, `FAQPage`, `BreadcrumbList`).
|
|
36
|
+
- Verify keyword placement in titles, H1/H2 tags, and meta descriptions.
|
|
37
|
+
|
|
38
|
+
## Phase 3: Sitemap Generation & Verification
|
|
39
|
+
- Compile and validate XML sitemaps.
|
|
40
|
+
- Submit sitemap ping to search engine consoles.
|
|
41
|
+
|
|
42
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
43
|
+
| Transition | Prerequisites | Verification Command / Gate | Success Criteria |
|
|
44
|
+
|---|---|---|---|
|
|
45
|
+
| Phase 1 -> Phase 2 | Crawl checks pass | `node dist/cli.js doctor` | 0 robots.txt or canonical errors |
|
|
46
|
+
| Phase 2 -> Phase 3 | Schema injected | `npm test` | JSON-LD schema syntax validates cleanly |
|
|
47
|
+
| Phase 3 -> Completion | Sitemap verified | `node dist/cli.js doctor` | Sitemaps compiled with valid XML |
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Programmatic SEO & Content Generation Pipeline"
|
|
3
|
+
description: "End-to-end workflow for programmatic keyword research, schema markup architecture, automated SEO content drafting, and crawl validation."
|
|
4
|
+
bundle: "seo-content-marketing"
|
|
5
|
+
estimatedDuration: "45-90m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Programmatic SEO & Content Generation Pipeline
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
The Programmatic SEO & Content Pipeline workflow automates the research, generation, optimization, and technical validation of high-volume programmatic SEO landing pages and editorial content. It orchestrates keyword intent clustering, Schema.org JSON-LD structured data injection, automated internal linking graphs, and static HTML crawl validation.
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start Workflow]) --> P1[Phase 1: Context & Keyword Reconnaissance]
|
|
17
|
+
P1 --> InputCheck{"Keyword Dataset & Schema Spec Valid?"}
|
|
18
|
+
InputCheck -->|No| Abort1[Abort & Request Seed Dataset]
|
|
19
|
+
InputCheck -->|Yes| P2[Phase 2: Programmatic Execution & Content Generation]
|
|
20
|
+
P2 --> Gate1{"Verification Gate: Schema & Link Checks Pass?"}
|
|
21
|
+
Gate1 -->|Fail| Rollback[Execute Automated Rollback Protocol]
|
|
22
|
+
Rollback --> P2
|
|
23
|
+
Gate1 -->|Pass| P3[Phase 3: Verification, SEO Validation & Deployment]
|
|
24
|
+
P3 --> Gate2{"Final Acceptance Gate Passed?"}
|
|
25
|
+
Gate2 -->|Fail| P3Fix[Remediate Meta / Schema Errors]
|
|
26
|
+
P3Fix --> P3
|
|
27
|
+
Gate2 -->|Pass| Done([Workflow Complete & Logged])
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Required Tool Inputs & Context
|
|
31
|
+
- Seed keyword dataset & search intent taxonomy (informational, commercial, transactional)
|
|
32
|
+
- Target database / programmatic CMS data source (CSV, JSON, SQL records)
|
|
33
|
+
- Schema.org structured data templates (Article, FAQPage, BreadcrumbList, Product, Organization)
|
|
34
|
+
- Editorial tone and style guide parameters
|
|
35
|
+
|
|
36
|
+
## Phase 1: Context & Keyword Reconnaissance
|
|
37
|
+
- Extract and cluster programmatic search queries based on volume, keyword difficulty, and intent.
|
|
38
|
+
- Define URL routing and taxonomy rules (e.g., `/solutions/:use-case-for-:industry`).
|
|
39
|
+
- Select and configure Schema.org JSON-LD types matching the target page template.
|
|
40
|
+
- Establish internal linking hierarchy between parent hub pages and child programmatic spoke pages.
|
|
41
|
+
|
|
42
|
+
## Phase 2: Programmatic Execution & Content Generation
|
|
43
|
+
- Hydrate content templates dynamically with structured data variables, unique headings, and custom body copy.
|
|
44
|
+
- Generate semantic heading structures (H1 through H3) with target keyword integration and natural language density.
|
|
45
|
+
- Inject validated Schema.org JSON-LD script blocks into the page header.
|
|
46
|
+
- Construct contextual internal links using dynamic anchor text across related programmatic pages.
|
|
47
|
+
|
|
48
|
+
## Phase 3: Verification, SEO Validation & Deployment
|
|
49
|
+
- Execute Schema.org structured data validator against generated pages to guarantee 0 syntax errors or missing required fields.
|
|
50
|
+
- Audit page meta tags (title tag <= 60 chars, meta description <= 160 chars, canonical URL, OpenGraph tags).
|
|
51
|
+
- Run automated readability scanner (Flesch-Kincaid) and ensure keyword density falls within the 1-2% range.
|
|
52
|
+
- Build static pages and generate updated XML sitemap with canonical URL entries.
|
|
53
|
+
|
|
54
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
55
|
+
| Transition | Prerequisites | Verification Command / Gate | Success Criteria |
|
|
56
|
+
|---|---|---|---|
|
|
57
|
+
| Phase 1 -> Phase 2 | Tool inputs verified & environment ready | `node dist/cli.js doctor` | Doctor health check succeeds with 0 errors |
|
|
58
|
+
| Phase 2 -> Phase 3 | Execution steps complete | `npm test` | SEO test suite validates Schema.org JSON-LD syntax and internal link graph integrity |
|
|
59
|
+
| Phase 3 -> Completion | Verification complete & artifacts signed off | `npm run build` | Static site generator builds programmatic pages and XML sitemap without errors |
|
|
60
|
+
|
|
61
|
+
## Validation Checkpoints & Automated Rollback Protocols
|
|
62
|
+
- **Validation Checkpoint 1**: 100% of programmatic pages pass Schema.org JSON-LD validation with zero syntax errors or missing required fields.
|
|
63
|
+
- **Validation Checkpoint 2**: Internal link graph verification confirms zero broken links and valid canonical tags on every generated page.
|
|
64
|
+
- **Validation Checkpoint 3**: Readability and keyword density checks verify content quality without keyword stuffing.
|
|
65
|
+
- **Automated Rollback Protocol**: Halt XML sitemap publishing and revert CMS template generation if Schema.org validation fails or duplicate URL canonicalization conflicts are detected.
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Serverless GPU Deployment Workflow"
|
|
3
|
+
description: "Deploying and stress-testing serverless GPU workers on Modal, Replicate, and RunPod with cold-start benchmarks and cost safety limits."
|
|
4
|
+
bundle: "ai-ml-engineering"
|
|
5
|
+
estimatedDuration: "15-30m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Serverless GPU Deployment
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
This workflow coordinates packaging model weights, configuring GPU container environments, setting timeout and spend guardrails, and deploying serverless inference endpoints.
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start Deployment]) --> P1[Phase 1: Environment & Spend Guardrails]
|
|
17
|
+
P1 --> InputCheck{"GPU Quota & Budget Alerts Active?"}
|
|
18
|
+
InputCheck -->|No| Abort1[Abort & Configure Budget Controls]
|
|
19
|
+
InputCheck -->|Yes| P2[Phase 2: Container Build & Weight Hydration]
|
|
20
|
+
P2 --> Gate1{"Verification Gate: Local/Staging GPU Smoke Test Pass?"}
|
|
21
|
+
Gate1 -->|Fail| P2Debug[Debug CUDA / PyTorch Dependencies]
|
|
22
|
+
P2Debug --> P2
|
|
23
|
+
Gate1 -->|Pass| P3[Phase 3: Endpoint Deployment & Cold-Start Benchmarking]
|
|
24
|
+
P3 --> Gate2{"Latency Gate: Cold-start < 10s & TTFT < 500ms?"}
|
|
25
|
+
Gate2 -->|Fail| CacheOptimize[Optimize Layer Caching / Model Quantization]
|
|
26
|
+
CacheOptimize --> P2
|
|
27
|
+
Gate2 -->|Pass| Done([Serverless GPU Endpoint Live])
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Phase 1: Environment & Spend Guardrails
|
|
31
|
+
- Define maximum execution timeout (`timeout=300s`) and idle scaledown window (`scaledown_window=60s`).
|
|
32
|
+
- Verify API credentials and ensure no secrets are hard-coded in source files.
|
|
33
|
+
|
|
34
|
+
## Phase 2: Container Build & Weight Hydration
|
|
35
|
+
- Build container image with pinned CUDA/torch layers.
|
|
36
|
+
- Mount network storage volume or pre-bake model weights into layer cache.
|
|
37
|
+
|
|
38
|
+
## Phase 3: Endpoint Deployment & Cold-Start Benchmarking
|
|
39
|
+
- Deploy serverless function to Modal / RunPod / Replicate.
|
|
40
|
+
- Run concurrent smoke-test invocations measuring cold-start latency, memory usage, and auto-scaling behavior.
|
|
41
|
+
|
|
42
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
43
|
+
| Transition | Prerequisites | Verification Command / Gate | Success Criteria |
|
|
44
|
+
|---|---|---|---|
|
|
45
|
+
| Phase 1 -> Phase 2 | Guardrails verified | `node dist/cli.js doctor` | Budget alert and credentials verified |
|
|
46
|
+
| Phase 2 -> Phase 3 | Container built | `npm test` | Smoke test inference returns 200 OK |
|
|
47
|
+
| Phase 3 -> Completion | Metrics validated | `node dist/cli.js doctor` | Endpoint scales from 0 to N and returns cleanly |
|
|
48
|
+
|
|
49
|
+
## Validation Checkpoints & Automated Rollback Protocols
|
|
50
|
+
- **Validation Checkpoint 1**: Validate timeout parameters and scale-to-zero settings in deployment manifest.
|
|
51
|
+
- **Validation Checkpoint 2**: Test health check endpoint under 10 concurrent requests.
|
|
52
|
+
- **Automated Rollback Protocol**: If cold-start latency exceeds 30s or error rate exceeds 1%, immediately tear down active endpoint, route traffic to standby API endpoint, and rollback container image tag.
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Multi-Perspective Specification Review Panel"
|
|
3
|
+
description: "Panel workflow assembling architecture, security, and domain experts to evaluate complex technical specifications."
|
|
4
|
+
bundle: "system-architecture"
|
|
5
|
+
estimatedDuration: "45-75m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Multi-Perspective Specification Review Panel
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
The Spec Panel workflow convenes diverse expert perspectives (Architecture, Security, Engineering Ops, Business) to conduct rigorous multi-dimensional reviews of critical system specifications.
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start Workflow]) --> P1[Phase 1: Context & Reconnaissance]
|
|
17
|
+
P1 --> InputCheck{"Prerequisites & Tools Valid?"}
|
|
18
|
+
InputCheck -->|No| Abort1[Abort & Request Inputs]
|
|
19
|
+
InputCheck -->|Yes| P2[Phase 2: Execution & Orchestration]
|
|
20
|
+
P2 --> Gate1{"Verification Gate: Automated Checks Pass?"}
|
|
21
|
+
Gate1 -->|Fail| Rollback[Execute Automated Rollback Protocol]
|
|
22
|
+
Rollback --> P2
|
|
23
|
+
Gate1 -->|Pass| P3[Phase 3: Verification & Closure]
|
|
24
|
+
P3 --> Gate2{"Final Acceptance Gate Passed?"}
|
|
25
|
+
Gate2 -->|Fail| P3Fix[Remediate Documentation / Artifacts]
|
|
26
|
+
P3Fix --> P3
|
|
27
|
+
Gate2 -->|Pass| Done([Workflow Complete & Logged])
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Required Tool Inputs & Context
|
|
31
|
+
- Technical specification or architecture proposal document
|
|
32
|
+
- Review evaluation matrix (scalability, security, maintainability, UX)
|
|
33
|
+
- Panel reviewer persona profiles
|
|
34
|
+
|
|
35
|
+
## Phase 1: Context & Reconnaissance
|
|
36
|
+
- Load specification document and extract key architectural assumptions.
|
|
37
|
+
- Assemble evaluation matrix covering system scalability, threat model, implementation risk, and operational cost.
|
|
38
|
+
- Distribute specification to panel personas for pre-review analysis.
|
|
39
|
+
|
|
40
|
+
## Phase 2: Execution & Orchestration
|
|
41
|
+
- Convene panel evaluation session to collect independent feedback across reviewer personas.
|
|
42
|
+
- Record consensus points, technical disagreements, and identified design gaps.
|
|
43
|
+
- Formulate required modifications and actionable revision requirements.
|
|
44
|
+
|
|
45
|
+
## Phase 3: Verification & Closure
|
|
46
|
+
- Synthesize panel feedback into formal Review Verdict (Approved, Approved with Revisions, Rejected).
|
|
47
|
+
- Assign ownership and due dates for all required spec revision items.
|
|
48
|
+
- Publish Panel Review Summary report to repository.
|
|
49
|
+
|
|
50
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
51
|
+
| Transition | Prerequisites | Verification Command / Gate | Success Criteria |
|
|
52
|
+
|---|---|---|---|
|
|
53
|
+
| Phase 1 -> Phase 2 | Tool inputs verified & environment ready | `node dist/cli.js doctor` | Doctor health check succeeds with 0 errors |
|
|
54
|
+
| Phase 2 -> Phase 3 | Execution steps complete | `node dist/cli.js doctor` | Doctor health check confirms specification document integrity |
|
|
55
|
+
| Phase 3 -> Completion | Verification complete & artifacts signed off | `npm run typecheck` | All code snippets within specification compile cleanly |
|
|
56
|
+
|
|
57
|
+
## Validation Checkpoints & Automated Rollback Protocols
|
|
58
|
+
- **Validation Checkpoint 1**: All 4 review dimensions evaluated with documented panel comments.
|
|
59
|
+
- **Validation Checkpoint 2**: Verdict explicitly supported by documented panel findings.
|
|
60
|
+
- **Automated Rollback Protocol**: Return specification document to draft status if panel issues a Rejection verdict.
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Technical Specification & Backlog Breakdown"
|
|
3
|
+
description: "Procedural workflow for generating PRD specs from notes or grilling results and breaking them down into actionable backlog tickets."
|
|
4
|
+
bundle: "software-engineering"
|
|
5
|
+
estimatedDuration: "15-30m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Technical Specification & Backlog Breakdown
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
The Technical Specification & Backlog Breakdown workflow turns high-level requirements into formal technical specifications (`to-spec`) and decomposes them into atomic, executable task tickets (`to-tickets`).
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start Workflow]) --> P1[Phase 1: PRD & Spec Drafting]
|
|
17
|
+
P1 --> Gate1{"Spec Draft Complete & Validated?"}
|
|
18
|
+
Gate1 -->|No| P1
|
|
19
|
+
Gate1 -->|Yes| P2[Phase 2: Ticket Decomposition]
|
|
20
|
+
P2 --> P3[Phase 3: Backlog Registration]
|
|
21
|
+
P3 --> Done([Workflow Complete])
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Required Tool Inputs & Context
|
|
25
|
+
- Feature requirements, grilling notes, or ADR reference.
|
|
26
|
+
- Output directory for specs (`docs/specs/`).
|
|
27
|
+
|
|
28
|
+
## Phase 1: PRD & Spec Drafting
|
|
29
|
+
- Run `to-spec` skill to outline goals, architecture, data structures, and acceptance criteria.
|
|
30
|
+
- Store artifact in `docs/specs/<feature-name>.md`.
|
|
31
|
+
|
|
32
|
+
## Phase 2: Ticket Decomposition
|
|
33
|
+
- Run `to-tickets` skill on the generated specification file.
|
|
34
|
+
- Break down implementation steps into atomic tasks with explicit verification steps.
|
|
35
|
+
|
|
36
|
+
## Phase 3: Backlog Registration
|
|
37
|
+
- Output tickets in requested target format (GitHub issues, Linear, or markdown task list).
|
|
38
|
+
|
|
39
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
40
|
+
| Transition | Prerequisites | Verification Gate | Success Criteria |
|
|
41
|
+
|---|---|---|---|
|
|
42
|
+
| Phase 1 -> Phase 2 | Notes collected | `docs/specs/*.md` exists | Spec file created with required sections |
|
|
43
|
+
| Phase 2 -> Phase 3 | Spec analyzed | Task list checklist | All spec requirements covered by tickets |
|
|
44
|
+
| Phase 3 -> Completion | Breakdown finished | Ticket validation | Tasks are self-contained with criteria |
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Test Suite Execution & Coverage Verification"
|
|
3
|
+
description: "Systematic workflow for running unit, integration, and e2e test suites, analyzing coverage gaps, and fixing failing tests."
|
|
4
|
+
bundle: "software-engineering"
|
|
5
|
+
estimatedDuration: "15-30m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Test Suite Execution & Coverage Verification
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
This workflow provides a structured approach for executing test suites across multiple tiers (unit, integration, e2e), evaluating code coverage metrics, and systematically isolating and repairing test failures.
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start Workflow]) --> P1[Phase 1: Context & Reconnaissance]
|
|
17
|
+
P1 --> InputCheck{"Prerequisites & Tools Valid?"}
|
|
18
|
+
InputCheck -->|No| Abort1[Abort & Request Inputs]
|
|
19
|
+
InputCheck -->|Yes| P2[Phase 2: Execution & Orchestration]
|
|
20
|
+
P2 --> Gate1{"Verification Gate: Automated Checks Pass?"}
|
|
21
|
+
Gate1 -->|Fail| Rollback[Execute Automated Rollback Protocol]
|
|
22
|
+
Rollback --> P2
|
|
23
|
+
Gate1 -->|Pass| P3[Phase 3: Verification & Closure]
|
|
24
|
+
P3 --> Gate2{"Final Acceptance Gate Passed?"}
|
|
25
|
+
Gate2 -->|Fail| P3Fix[Remediate Documentation / Artifacts]
|
|
26
|
+
P3Fix --> P3
|
|
27
|
+
Gate2 -->|Pass| Done([Workflow Complete & Logged])
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Required Tool Inputs & Context
|
|
31
|
+
- Test framework runner configuration (`vitest` / `jest`)
|
|
32
|
+
- Coverage threshold targets (e.g. >= 80% line coverage)
|
|
33
|
+
- Target test paths or suite filter expressions
|
|
34
|
+
|
|
35
|
+
## Phase 1: Context & Reconnaissance
|
|
36
|
+
- Identify project test environment configuration and existing coverage baselines.
|
|
37
|
+
- Inspect test directory layout and locate relevant test setup files.
|
|
38
|
+
- Verify test runner dependencies and clean cached test results if required.
|
|
39
|
+
|
|
40
|
+
## Phase 2: Execution & Orchestration
|
|
41
|
+
- Run targeted unit test files for modified components to get fast feedback.
|
|
42
|
+
- Execute integration and end-to-end test suites across affected modules.
|
|
43
|
+
- Analyze test output logs, stack traces, and coverage reports to pinpoint failures and untested code branches.
|
|
44
|
+
|
|
45
|
+
## Phase 3: Verification & Closure
|
|
46
|
+
- Re-run full test suite with coverage collection enabled.
|
|
47
|
+
- Verify that code coverage metrics satisfy configured threshold requirements.
|
|
48
|
+
- Generate test execution report summarizing test counts, duration, and coverage metrics.
|
|
49
|
+
|
|
50
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
51
|
+
| Transition | Prerequisites | Verification Command / Gate | Success Criteria |
|
|
52
|
+
|---|---|---|---|
|
|
53
|
+
| Phase 1 -> Phase 2 | Tool inputs verified & environment ready | `node dist/cli.js doctor` | Doctor health check succeeds with 0 errors |
|
|
54
|
+
| Phase 2 -> Phase 3 | Execution steps complete | `npm test` | All tests pass without skipped test regressions |
|
|
55
|
+
| Phase 3 -> Completion | Verification complete & artifacts signed off | `npm run test:coverage` | Statement and line coverage meet or exceed configured target percentage |
|
|
56
|
+
|
|
57
|
+
## Validation Checkpoints & Automated Rollback Protocols
|
|
58
|
+
- **Validation Checkpoint 1**: Test runner executes cleanly with zero unhandled promise rejections.
|
|
59
|
+
- **Validation Checkpoint 2**: Coverage report confirms all new code paths have corresponding unit test coverage.
|
|
60
|
+
- **Automated Rollback Protocol**: Revert test file modifications via `git checkout -- tests/` if invalid mock setups break test isolation.
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Root Cause Diagnosis & Troubleshooting"
|
|
3
|
+
description: "Systematic troubleshooting workflow for diagnosing bugs, analyzing error logs, isolating root causes, and implementing verified fixes."
|
|
4
|
+
bundle: "security-operations"
|
|
5
|
+
estimatedDuration: "30-60m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Root Cause Diagnosis & Troubleshooting
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
The Troubleshoot workflow provides a scientific approach to bug fixing. It guides engineers through reproducing bugs, inspecting stack traces, isolating root causes, applying patches, and adding regression tests.
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start Workflow]) --> P1[Phase 1: Context & Reconnaissance]
|
|
17
|
+
P1 --> InputCheck{"Prerequisites & Tools Valid?"}
|
|
18
|
+
InputCheck -->|No| Abort1[Abort & Request Inputs]
|
|
19
|
+
InputCheck -->|Yes| P2[Phase 2: Execution & Orchestration]
|
|
20
|
+
P2 --> Gate1{"Verification Gate: Automated Checks Pass?"}
|
|
21
|
+
Gate1 -->|Fail| Rollback[Execute Automated Rollback Protocol]
|
|
22
|
+
Rollback --> P2
|
|
23
|
+
Gate1 -->|Pass| P3[Phase 3: Verification & Closure]
|
|
24
|
+
P3 --> Gate2{"Final Acceptance Gate Passed?"}
|
|
25
|
+
Gate2 -->|Fail| P3Fix[Remediate Documentation / Artifacts]
|
|
26
|
+
P3Fix --> P3
|
|
27
|
+
Gate2 -->|Pass| Done([Workflow Complete & Logged])
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Required Tool Inputs & Context
|
|
31
|
+
- Bug report description & error stack trace
|
|
32
|
+
- System log files & telemetry data
|
|
33
|
+
- Debugger & testing tools
|
|
34
|
+
|
|
35
|
+
## Phase 1: Context & Reconnaissance
|
|
36
|
+
- Analyze error stack trace and log files to isolate failing module and function.
|
|
37
|
+
- Construct minimal reproducible test case that reliably triggers the failure.
|
|
38
|
+
- Formulate root cause hypotheses based on code inspection.
|
|
39
|
+
|
|
40
|
+
## Phase 2: Execution & Orchestration
|
|
41
|
+
- Validate root cause hypothesis by tracing variable state and execution flow.
|
|
42
|
+
- Implement targeted code fix addressing root cause without side effects.
|
|
43
|
+
- Verify that minimal reproduction test case transitions from failing to passing.
|
|
44
|
+
|
|
45
|
+
## Phase 3: Verification & Closure
|
|
46
|
+
- Run full project regression test suite to ensure fix introduces zero side effects.
|
|
47
|
+
- Document Root Cause Analysis (RCA) report detailing cause, fix, and preventive measures.
|
|
48
|
+
- Commit bug fix patch with dedicated regression unit test.
|
|
49
|
+
|
|
50
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
51
|
+
| Transition | Prerequisites | Verification Command / Gate | Success Criteria |
|
|
52
|
+
|---|---|---|---|
|
|
53
|
+
| Phase 1 -> Phase 2 | Tool inputs verified & environment ready | `node dist/cli.js doctor` | Doctor health check succeeds with 0 errors |
|
|
54
|
+
| Phase 2 -> Phase 3 | Execution steps complete | `npm test` | Reproduction test passes cleanly post-fix |
|
|
55
|
+
| Phase 3 -> Completion | Verification complete & artifacts signed off | `npm run typecheck` | Type checker confirms patch introduces no type errors |
|
|
56
|
+
|
|
57
|
+
## Validation Checkpoints & Automated Rollback Protocols
|
|
58
|
+
- **Validation Checkpoint 1**: Bug reliably reproduced in isolation before applying fix.
|
|
59
|
+
- **Validation Checkpoint 2**: Full regression test suite passes cleanly with zero broken tests.
|
|
60
|
+
- **Automated Rollback Protocol**: Revert patch edits using `git checkout` if regression tests reveal unexpected side effects.
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Color System & Palette Design"
|
|
3
|
+
description: "Workflow for defining accessible, semantic color systems, design tokens, contrast ratios, and dark mode variants."
|
|
4
|
+
bundle: "product-design"
|
|
5
|
+
estimatedDuration: "30-45m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Color System & Palette Design
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
This workflow defines accessible, scalable color systems. It governs the generation of color scales, semantic token mappings, contrast ratio auditing against WCAG 2.1 AA, and dark mode palette generation.
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start Workflow]) --> P1[Phase 1: Context & Reconnaissance]
|
|
17
|
+
P1 --> InputCheck{"Prerequisites & Tools Valid?"}
|
|
18
|
+
InputCheck -->|No| Abort1[Abort & Request Inputs]
|
|
19
|
+
InputCheck -->|Yes| P2[Phase 2: Execution & Orchestration]
|
|
20
|
+
P2 --> Gate1{"Verification Gate: Automated Checks Pass?"}
|
|
21
|
+
Gate1 -->|Fail| Rollback[Execute Automated Rollback Protocol]
|
|
22
|
+
Rollback --> P2
|
|
23
|
+
Gate1 -->|Pass| P3[Phase 3: Verification & Closure]
|
|
24
|
+
P3 --> Gate2{"Final Acceptance Gate Passed?"}
|
|
25
|
+
Gate2 -->|Fail| P3Fix[Remediate Documentation / Artifacts]
|
|
26
|
+
P3Fix --> P3
|
|
27
|
+
Gate2 -->|Pass| Done([Workflow Complete & Logged])
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Required Tool Inputs & Context
|
|
31
|
+
- Brand style guide and core brand colors
|
|
32
|
+
- WCAG 2.1 contrast ratio standards (4.5:1 text, 3:1 UI controls)
|
|
33
|
+
- Design token repository file (`tokens.json` / CSS variables)
|
|
34
|
+
|
|
35
|
+
## Phase 1: Context & Reconnaissance
|
|
36
|
+
- Audit existing color usage across UI components and brand guidelines.
|
|
37
|
+
- Identify primary, secondary, neutral, and functional feedback colors (success, warning, error, info).
|
|
38
|
+
- Set target accessibility contrast ratios for light and dark themes.
|
|
39
|
+
|
|
40
|
+
## Phase 2: Execution & Orchestration
|
|
41
|
+
- Generate 10-step color shade scales (50 through 900) using perceptual color spaces (OKLCH / HSL).
|
|
42
|
+
- Map raw color scale values to semantic tokens (`bg-primary`, `text-body`, `border-muted`).
|
|
43
|
+
- Construct dark mode color palette variants ensuring consistent contrast ratios.
|
|
44
|
+
|
|
45
|
+
## Phase 3: Verification & Closure
|
|
46
|
+
- Run automated contrast ratio checks on all text/background token combinations.
|
|
47
|
+
- Export finalized color tokens to CSS custom properties and JSON token manifests.
|
|
48
|
+
- Document color usage guidelines and accessibility compliance matrix.
|
|
49
|
+
|
|
50
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
51
|
+
| Transition | Prerequisites | Verification Command / Gate | Success Criteria |
|
|
52
|
+
|---|---|---|---|
|
|
53
|
+
| Phase 1 -> Phase 2 | Tool inputs verified & environment ready | `node dist/cli.js doctor` | Doctor health check succeeds with 0 errors |
|
|
54
|
+
| Phase 2 -> Phase 3 | Execution steps complete | `npm test` | Automated contrast check suite passes for 100% of color token pairs |
|
|
55
|
+
| Phase 3 -> Completion | Verification complete & artifacts signed off | `npm run build` | Token compilation script builds valid CSS/JSON outputs |
|
|
56
|
+
|
|
57
|
+
## Validation Checkpoints & Automated Rollback Protocols
|
|
58
|
+
- **Validation Checkpoint 1**: All text/background combinations satisfy WCAG 2.1 AA >= 4.5:1 contrast requirement.
|
|
59
|
+
- **Validation Checkpoint 2**: Light and dark mode token mappings complete and validated.
|
|
60
|
+
- **Automated Rollback Protocol**: Adjust color lightness values automatically if contrast validation fails.
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Screen Visual Design & Layout"
|
|
3
|
+
description: "Workflow for designing high-fidelity screen UI layouts, typography hierarchy, visual assets, and component assembly."
|
|
4
|
+
bundle: "product-design"
|
|
5
|
+
estimatedDuration: "45-90m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Screen Visual Design & Layout
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
The Design Screen workflow structures visual UI creation. It guides designers through layout grid setup, visual hierarchy construction, component composition, and responsive screen specs.
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start Workflow]) --> P1[Phase 1: Context & Reconnaissance]
|
|
17
|
+
P1 --> InputCheck{"Prerequisites & Tools Valid?"}
|
|
18
|
+
InputCheck -->|No| Abort1[Abort & Request Inputs]
|
|
19
|
+
InputCheck -->|Yes| P2[Phase 2: Execution & Orchestration]
|
|
20
|
+
P2 --> Gate1{"Verification Gate: Automated Checks Pass?"}
|
|
21
|
+
Gate1 -->|Fail| Rollback[Execute Automated Rollback Protocol]
|
|
22
|
+
Rollback --> P2
|
|
23
|
+
Gate1 -->|Pass| P3[Phase 3: Verification & Closure]
|
|
24
|
+
P3 --> Gate2{"Final Acceptance Gate Passed?"}
|
|
25
|
+
Gate2 -->|Fail| P3Fix[Remediate Documentation / Artifacts]
|
|
26
|
+
P3Fix --> P3
|
|
27
|
+
Gate2 -->|Pass| Done([Workflow Complete & Logged])
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Required Tool Inputs & Context
|
|
31
|
+
- User story & screen wireframe requirements
|
|
32
|
+
- Design system component library & token definitions
|
|
33
|
+
- Target viewport dimension specifications (Mobile, Tablet, Desktop)
|
|
34
|
+
|
|
35
|
+
## Phase 1: Context & Reconnaissance
|
|
36
|
+
- Review screen user goals, required UI components, and primary user call-to-actions.
|
|
37
|
+
- Select layout grid system (4px/8px baseline grid) and viewport container limits.
|
|
38
|
+
- Audit required design system components for availability.
|
|
39
|
+
|
|
40
|
+
## Phase 2: Execution & Orchestration
|
|
41
|
+
- Assemble layout framework, placing header, sidebar, main content, and footer containers.
|
|
42
|
+
- Populate layout with design system components, applying semantic color and typography tokens.
|
|
43
|
+
- Establish visual hierarchy using contrast, spacing, and typographic weight scales.
|
|
44
|
+
|
|
45
|
+
## Phase 3: Verification & Closure
|
|
46
|
+
- Conduct optical alignment check and verify spacing grid adherence across all elements.
|
|
47
|
+
- Export screen mockups and redline specs for developer handoff.
|
|
48
|
+
- Log new component requirements if custom elements were created during design.
|
|
49
|
+
|
|
50
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
51
|
+
| Transition | Prerequisites | Verification Command / Gate | Success Criteria |
|
|
52
|
+
|---|---|---|---|
|
|
53
|
+
| Phase 1 -> Phase 2 | Tool inputs verified & environment ready | `node dist/cli.js doctor` | Doctor health check succeeds with 0 errors |
|
|
54
|
+
| Phase 2 -> Phase 3 | Execution steps complete | `npm test` | Visual layout test suite confirms 0 grid alignment violations |
|
|
55
|
+
| Phase 3 -> Completion | Verification complete & artifacts signed off | `npm run build` | Design assets compile cleanly into build pipeline |
|
|
56
|
+
|
|
57
|
+
## Validation Checkpoints & Automated Rollback Protocols
|
|
58
|
+
- **Validation Checkpoint 1**: Layout adheres strictly to 8px spatial grid system.
|
|
59
|
+
- **Validation Checkpoint 2**: 100% of UI components utilized exist in design system library or are flagged as new component specs.
|
|
60
|
+
- **Automated Rollback Protocol**: Re-align component layout frames to grid if spatial audit flags alignment errors.
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Responsive Breakpoint UI Audit"
|
|
3
|
+
description: "Comprehensive audit workflow for verifying UI layout reflow, touch targets, and typography readability across mobile, tablet, and desktop viewports."
|
|
4
|
+
bundle: "product-design"
|
|
5
|
+
estimatedDuration: "30-45m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Responsive Breakpoint UI Audit
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
This workflow systematically audits UI responsiveness across screen sizes. It checks layout reflow, touch target dimensions, font readability, and container query behavior from mobile up to desktop.
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start Workflow]) --> P1[Phase 1: Context & Reconnaissance]
|
|
17
|
+
P1 --> InputCheck{"Prerequisites & Tools Valid?"}
|
|
18
|
+
InputCheck -->|No| Abort1[Abort & Request Inputs]
|
|
19
|
+
InputCheck -->|Yes| P2[Phase 2: Execution & Orchestration]
|
|
20
|
+
P2 --> Gate1{"Verification Gate: Automated Checks Pass?"}
|
|
21
|
+
Gate1 -->|Fail| Rollback[Execute Automated Rollback Protocol]
|
|
22
|
+
Rollback --> P2
|
|
23
|
+
Gate1 -->|Pass| P3[Phase 3: Verification & Closure]
|
|
24
|
+
P3 --> Gate2{"Final Acceptance Gate Passed?"}
|
|
25
|
+
Gate2 -->|Fail| P3Fix[Remediate Documentation / Artifacts]
|
|
26
|
+
P3Fix --> P3
|
|
27
|
+
Gate2 -->|Pass| Done([Workflow Complete & Logged])
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Required Tool Inputs & Context
|
|
31
|
+
- Screen design mockups or live page URLs
|
|
32
|
+
- Target viewport breakpoint specs (375px, 768px, 1280px, 1920px)
|
|
33
|
+
- Touch target & accessibility standards (>= 44x44px)
|
|
34
|
+
|
|
35
|
+
## Phase 1: Context & Reconnaissance
|
|
36
|
+
- Set up testing viewports for target device dimensions (Mobile Small, Mobile Large, Tablet, Desktop).
|
|
37
|
+
- Define breakpoint reflow rules (navigation bar to hamburger menu, multi-column to single-column).
|
|
38
|
+
- Prepare responsive inspection checklist.
|
|
39
|
+
|
|
40
|
+
## Phase 2: Execution & Orchestration
|
|
41
|
+
- Inspect layout reflow at each breakpoint for text wrapping, image scaling, and horizontal overflow.
|
|
42
|
+
- Verify interactive control dimensions meet minimum 44x44px touch target guidelines on mobile viewports.
|
|
43
|
+
- Test container queries and fluid typography scaling across fluid viewport transitions.
|
|
44
|
+
|
|
45
|
+
## Phase 3: Verification & Closure
|
|
46
|
+
- Document visual overflow bugs, layout clipping, or touch target violations.
|
|
47
|
+
- Generate responsive remediation ticket list with specific breakpoint fix instructions.
|
|
48
|
+
- Publish Responsive Audit Matrix report.
|
|
49
|
+
|
|
50
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
51
|
+
| Transition | Prerequisites | Verification Command / Gate | Success Criteria |
|
|
52
|
+
|---|---|---|---|
|
|
53
|
+
| Phase 1 -> Phase 2 | Tool inputs verified & environment ready | `node dist/cli.js doctor` | Doctor health check succeeds with 0 errors |
|
|
54
|
+
| Phase 2 -> Phase 3 | Execution steps complete | `npm test` | Responsive audit suite confirms 0 horizontal scroll overflow on mobile |
|
|
55
|
+
| Phase 3 -> Completion | Verification complete & artifacts signed off | `npm run build` | CSS media queries and breakpoint utility classes compile cleanly |
|
|
56
|
+
|
|
57
|
+
## Validation Checkpoints & Automated Rollback Protocols
|
|
58
|
+
- **Validation Checkpoint 1**: Zero horizontal layout overflow across all tested viewports.
|
|
59
|
+
- **Validation Checkpoint 2**: 100% of interactive controls meet minimum touch target size criteria on touch viewports.
|
|
60
|
+
- **Automated Rollback Protocol**: Apply responsive container layout patches to fix broken breakpoint reflows.
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: "Typography System Specification"
|
|
3
|
+
description: "Workflow for defining typographic scales, font families, line heights, font weights, and responsive text sizing."
|
|
4
|
+
bundle: "product-design"
|
|
5
|
+
estimatedDuration: "20-40m"
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Workflow: Typography System Specification
|
|
9
|
+
|
|
10
|
+
## Overview & Scope
|
|
11
|
+
The Type System workflow establishes a mathematical typography hierarchy. It defines font stacks, modular scale ratios, line heights, letter spacing, and responsive text utility classes.
|
|
12
|
+
|
|
13
|
+
## Execution Flowchart
|
|
14
|
+
```mermaid
|
|
15
|
+
graph TD
|
|
16
|
+
Start([Start Workflow]) --> P1[Phase 1: Context & Reconnaissance]
|
|
17
|
+
P1 --> InputCheck{"Prerequisites & Tools Valid?"}
|
|
18
|
+
InputCheck -->|No| Abort1[Abort & Request Inputs]
|
|
19
|
+
InputCheck -->|Yes| P2[Phase 2: Execution & Orchestration]
|
|
20
|
+
P2 --> Gate1{"Verification Gate: Automated Checks Pass?"}
|
|
21
|
+
Gate1 -->|Fail| Rollback[Execute Automated Rollback Protocol]
|
|
22
|
+
Rollback --> P2
|
|
23
|
+
Gate1 -->|Pass| P3[Phase 3: Verification & Closure]
|
|
24
|
+
P3 --> Gate2{"Final Acceptance Gate Passed?"}
|
|
25
|
+
Gate2 -->|Fail| P3Fix[Remediate Documentation / Artifacts]
|
|
26
|
+
P3Fix --> P3
|
|
27
|
+
Gate2 -->|Pass| Done([Workflow Complete & Logged])
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Required Tool Inputs & Context
|
|
31
|
+
- Brand typography guidelines & licensed font files
|
|
32
|
+
- Modular scale ratio selection (e.g. Major Third 1.25)
|
|
33
|
+
- Target CSS font stack and fallbacks
|
|
34
|
+
|
|
35
|
+
## Phase 1: Context & Reconnaissance
|
|
36
|
+
- Audit existing typographic usage to identify needed scale steps (headings, body, caption, code).
|
|
37
|
+
- Select modular scale ratio matching design aesthetic.
|
|
38
|
+
- Verify web font formats (WOFF2) and fallback system font stacks.
|
|
39
|
+
|
|
40
|
+
## Phase 2: Execution & Orchestration
|
|
41
|
+
- Calculate font size steps (xs: 12px, sm: 14px, base: 16px, lg: 20px, xl: 25px, 2xl: 31px, etc.).
|
|
42
|
+
- Assign relative line-height values (1.2 for headings, 1.5 for body text) to eliminate line collisions.
|
|
43
|
+
- Define typography tokens (`font-heading`, `text-body-md`, `font-weight-semibold`).
|
|
44
|
+
|
|
45
|
+
## Phase 3: Verification & Closure
|
|
46
|
+
- Test typography rendering across viewports and browsers for legibility.
|
|
47
|
+
- Export typography tokens to CSS variables and Tailwind configuration.
|
|
48
|
+
- Publish Typographic Style Spec document.
|
|
49
|
+
|
|
50
|
+
## Phase Transition Criteria & Deterministic Verification Gates
|
|
51
|
+
| Transition | Prerequisites | Verification Command / Gate | Success Criteria |
|
|
52
|
+
|---|---|---|---|
|
|
53
|
+
| Phase 1 -> Phase 2 | Tool inputs verified & environment ready | `node dist/cli.js doctor` | Doctor health check succeeds with 0 errors |
|
|
54
|
+
| Phase 2 -> Phase 3 | Execution steps complete | `npm test` | Typography scale test verifies mathematical consistency of font steps |
|
|
55
|
+
| Phase 3 -> Completion | Verification complete & artifacts signed off | `npm run build` | Typography CSS classes compile without syntax errors |
|
|
56
|
+
|
|
57
|
+
## Validation Checkpoints & Automated Rollback Protocols
|
|
58
|
+
- **Validation Checkpoint 1**: All font size steps generated according to selected modular scale ratio.
|
|
59
|
+
- **Validation Checkpoint 2**: Every font step includes explicit line-height and letter-spacing specifications.
|
|
60
|
+
- **Automated Rollback Protocol**: Recalculate font step sizes if container constraints cause text wrapping defects.
|