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,153 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: frontend-component-design
|
|
3
|
+
description: Production-grade Frontend Component Design playbook for reusable,
|
|
4
|
+
accessible UI primitives in React, Vue, and Web Components.
|
|
5
|
+
metadata:
|
|
6
|
+
author: agents-united
|
|
7
|
+
version: 2.0.0
|
|
8
|
+
icon: 🖼️
|
|
9
|
+
disable-slash-command: true
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
# Frontend Component Architecture, Accessibility & Storybook Playgrounds
|
|
13
|
+
|
|
14
|
+
## Overview & Purpose
|
|
15
|
+
The Frontend Component Architecture, Accessibility & Storybook Playgrounds skill provides a deterministic, battle-tested framework for executing frontend-component-design processes across the Agents United multi-agent ecosystem.
|
|
16
|
+
|
|
17
|
+
Following this skill ensures high quality, zero-regression execution, rigorous testing gates, and seamless cross-functional team alignment.
|
|
18
|
+
|
|
19
|
+
## Execution Triggers & Prerequisites
|
|
20
|
+
### Execution Triggers
|
|
21
|
+
- Direct request or workflow step invoking frontend-component-design.
|
|
22
|
+
- Auditing, implementing, or standardizing frontend-component-design procedures.
|
|
23
|
+
- Addressing technical debt, architectural reviews, or production readiness gates.
|
|
24
|
+
- Preparing pull requests or automated release validations.
|
|
25
|
+
|
|
26
|
+
### Prerequisites
|
|
27
|
+
- Active project repository workspace with version control configured.
|
|
28
|
+
- Operational testing, typechecking, and build toolchains.
|
|
29
|
+
- Domain requirements, architectural constraints, or user stories defined.
|
|
30
|
+
- Clean git working tree before beginning execution.
|
|
31
|
+
|
|
32
|
+
## Input & Output Requirements
|
|
33
|
+
### Inputs
|
|
34
|
+
| Parameter | Type | Required | Description |
|
|
35
|
+
|---|---|---|---|
|
|
36
|
+
| `target_scope` | String | Yes | Target module, service, component, or file path |
|
|
37
|
+
| `config` | Object | Optional | Specific domain configurations, thresholds, and options |
|
|
38
|
+
| `output_dir` | Directory Path | Optional | Destination directory for generated artifacts and reports |
|
|
39
|
+
| `strict_mode` | Boolean | Optional | Enforce strict zero-warning validation and high test coverage |
|
|
40
|
+
|
|
41
|
+
### Outputs
|
|
42
|
+
| Artifact | Path / Format | Description |
|
|
43
|
+
|---|---|---|
|
|
44
|
+
| Specification Document | `docs/frontend-component-design/spec.md` | Full technical specification and architectural plan |
|
|
45
|
+
| Implementation Files | `src/frontend-component-design/*` | Production-ready source code, tests, and configurations |
|
|
46
|
+
| Execution Report | `reports/frontend-component-design/summary.json` | Verification metrics, test results, and audit summary |
|
|
47
|
+
|
|
48
|
+
## Step-by-Step Execution Runbook
|
|
49
|
+
|
|
50
|
+
### Phase 1: Component API Design & Props Interface
|
|
51
|
+
1. Define component prop types in TypeScript with strict discrimination unions.
|
|
52
|
+
2. Establish single responsibility: separate layout containers from atomic UI primitives.
|
|
53
|
+
3. Support composability via asChild / slot patterns or polymorphic as props.
|
|
54
|
+
4. Ensure standard HTML attribute passthrough and forwardRef propagation.
|
|
55
|
+
5. Avoid boolean prop explosion by using typed union variants (variant="primary").
|
|
56
|
+
|
|
57
|
+
### Phase 2: Accessibility & Keyboard Navigation Specification
|
|
58
|
+
1. Assign appropriate WAI-ARIA roles, states, and properties (aria-expanded, aria-controls).
|
|
59
|
+
2. Implement complete keyboard interaction models according to W3C APG guidelines.
|
|
60
|
+
3. Ensure explicit, high-contrast :focus-visible styling on all interactive elements.
|
|
61
|
+
4. Manage focus trapping and restoration for modal dialogs and flyout menus.
|
|
62
|
+
5. Verify screen reader announcements for dynamic state transitions.
|
|
63
|
+
|
|
64
|
+
### Phase 3: Styling & Design Token Integration
|
|
65
|
+
1. Bind component styles strictly to semantic design tokens (var(--color-brand-primary)).
|
|
66
|
+
2. Ensure zero hardcoded magic numbers or hex colors in stylesheet.
|
|
67
|
+
3. Implement fluid responsiveness using CSS container queries and clamp().
|
|
68
|
+
4. Provide seamless dark/light theme adaptation via CSS custom property overrides.
|
|
69
|
+
5. Enforce prefers-reduced-motion fallbacks for all transitions and micro-animations.
|
|
70
|
+
|
|
71
|
+
### Phase 4: Storybook Documentation & Interactive Playground
|
|
72
|
+
1. Create Storybook CSF3 story file with interactive Controls (argTypes).
|
|
73
|
+
2. Author stories covering all variants, sizes, edge-case text lengths, and error states.
|
|
74
|
+
3. Write accessibility regression tests using @storybook/addon-a11y.
|
|
75
|
+
4. Include MDX documentation with copy-paste code snippets and UX usage guidelines.
|
|
76
|
+
5. Validate visual regression snapshots.
|
|
77
|
+
|
|
78
|
+
### Phase 5: Automated Testing & Packaging
|
|
79
|
+
1. Author unit tests with Testing Library verifying rendering, user events, and accessibility.
|
|
80
|
+
2. Verify zero console errors or hydration mismatch warnings.
|
|
81
|
+
3. Export component from package entrypoint index.
|
|
82
|
+
4. Run typecheck and build validation.
|
|
83
|
+
5. Publish component to shared internal UI library.
|
|
84
|
+
|
|
85
|
+
## Code & Configuration Exemplars
|
|
86
|
+
|
|
87
|
+
### Exemplar 1: Frontend Component Architecture, Accessibility & Storybook Playgrounds Configuration & Specification
|
|
88
|
+
```yaml
|
|
89
|
+
import React, { forwardRef } from 'react';
|
|
90
|
+
import clsx from 'clsx';
|
|
91
|
+
|
|
92
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
93
|
+
variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
94
|
+
size?: 'sm' | 'md' | 'lg';
|
|
95
|
+
isLoading?: boolean;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
export const Button = forwardRef<HTMLButtonElement, ButtonProps>(({
|
|
99
|
+
variant = 'primary',
|
|
100
|
+
size = 'md',
|
|
101
|
+
isLoading = false,
|
|
102
|
+
className,
|
|
103
|
+
disabled,
|
|
104
|
+
children,
|
|
105
|
+
...props
|
|
106
|
+
}, ref) => (
|
|
107
|
+
<button
|
|
108
|
+
ref={ref}
|
|
109
|
+
disabled={disabled || isLoading}
|
|
110
|
+
className={clsx('ui-button', `ui-button--${variant}`, `ui-button--${size}`, className)}
|
|
111
|
+
aria-busy={isLoading}
|
|
112
|
+
{...props}
|
|
113
|
+
>
|
|
114
|
+
{isLoading ? <span className="ui-spinner" aria-hidden="true" /> : children}
|
|
115
|
+
</button>
|
|
116
|
+
));
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
### Exemplar 2: Frontend Component Architecture, Accessibility & Storybook Playgrounds TypeScript Type Contract
|
|
120
|
+
```typescript
|
|
121
|
+
export interface ComponentSpecification {
|
|
122
|
+
name: string;
|
|
123
|
+
variants: string[];
|
|
124
|
+
sizes: string[];
|
|
125
|
+
interactiveStates: ['default', 'hover', 'focus-visible', 'active', 'disabled', 'loading'];
|
|
126
|
+
ariaRoles: string[];
|
|
127
|
+
keyboardInteractions: Record<string, string>;
|
|
128
|
+
}
|
|
129
|
+
```
|
|
130
|
+
|
|
131
|
+
## Edge Cases & Error Recovery Procedures
|
|
132
|
+
|
|
133
|
+
### Scenario A: Validation Failure in Frontend Component Architecture, Accessibility & Storybook Playgrounds
|
|
134
|
+
1. **Diagnosis**: Static analysis, typechecking, or unit tests fail validation rules during execution.
|
|
135
|
+
2. **Recovery Protocol**:
|
|
136
|
+
- Step 1: Inspect detailed error log output in test/build terminal.
|
|
137
|
+
- Step 2: Formulate targeted hypothesis and isolate failing line or assertion.
|
|
138
|
+
- Step 3: Implement surgical code fix and re-run verification suite.
|
|
139
|
+
|
|
140
|
+
### Scenario B: Missing or Incompatible Dependency
|
|
141
|
+
1. **Diagnosis**: Required toolchain binary or library dependency is missing from the environment.
|
|
142
|
+
2. **Recovery Protocol**:
|
|
143
|
+
- Step 1: Verify `package.json` engine requirements and local environment versions.
|
|
144
|
+
- Step 2: Install required peer dependencies cleanly with lockfile sync.
|
|
145
|
+
- Step 3: Resume runbook from Phase 1.
|
|
146
|
+
|
|
147
|
+
## Verification & Validation Checklist
|
|
148
|
+
- [ ] Frontmatter conforms strictly to `author: "agents-united"` and `version: "2.0.0"`.
|
|
149
|
+
- [ ] All 7 mandatory sections present with explicit headers.
|
|
150
|
+
- [ ] Step-by-Step Execution Runbook body contains >= 50 lines.
|
|
151
|
+
- [ ] Code exemplars provided with valid syntax fencing.
|
|
152
|
+
- [ ] Zero dummy placeholder strings or unpopulated template markers present.
|
|
153
|
+
- [ ] Project build, test suite, and doctor check pass 100% cleanly.
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: git-guardrails
|
|
3
|
+
description: Operational safety policies and git guardrails to prevent
|
|
4
|
+
destructive force-pushes, unintended commits to main branches, and secret
|
|
5
|
+
leaks.
|
|
6
|
+
metadata:
|
|
7
|
+
author: Matt Pocock (mattpocock/skills)
|
|
8
|
+
version: 1.0.0
|
|
9
|
+
source: https://github.com/mattpocock/skills
|
|
10
|
+
icon: 🛡️
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# Git Safety & Guardrails Playbook
|
|
14
|
+
|
|
15
|
+
## Overview & Purpose
|
|
16
|
+
`git-guardrails` enforces strict version control safety rules for AI agents and orchestrators, ensuring working tree stability, branch hygiene, and protection of main branches and credentials.
|
|
17
|
+
|
|
18
|
+
## Rules & Constraints
|
|
19
|
+
1. **Never commit directly to protected branches** (`main`, `master`, `production`, `release/*`). Always verify current branch with `git branch --show-current`.
|
|
20
|
+
2. **Never execute force pushes** (`git push --force` or `-f`).
|
|
21
|
+
3. **Never expose secrets or API keys**. Check staged diffs with `git diff --cached` before committing.
|
|
22
|
+
4. **Never leave detached HEAD state unaddressed**.
|
|
23
|
+
5. **Always write clear, imperative commit messages**.
|
|
24
|
+
|
|
25
|
+
## Step-by-Step Execution Runbook
|
|
26
|
+
|
|
27
|
+
### Phase 1 — Pre-Operation Inspection
|
|
28
|
+
1. Run `git status` to verify working tree status.
|
|
29
|
+
2. Verify active branch name. If on `main`, create a feature branch (`git checkout -b feature/<name>`).
|
|
30
|
+
|
|
31
|
+
### Phase 2 — Staging & Secret Check
|
|
32
|
+
1. Inspect staged changes with `git diff --cached`.
|
|
33
|
+
2. Ensure no `.env`, token, credential, or secret strings are staged.
|
|
34
|
+
|
|
35
|
+
### Phase 3 — Verification Gate & Commit
|
|
36
|
+
1. Run linting and test verification suite before finalizing commit.
|
|
37
|
+
2. Commit with standard Conventional Commits format (`feat:`, `fix:`, `docs:`, `refactor:`).
|
|
38
|
+
|
|
39
|
+
## Verification & Validation Checklist
|
|
40
|
+
- [ ] Frontmatter contains author attribution to Matt Pocock.
|
|
41
|
+
- [ ] Safe git execution rules clearly stated.
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: google-ads-optimization
|
|
3
|
+
description: Google Search & Performance Max campaign optimization, keyword
|
|
4
|
+
match types, negative keyword sculpting, and Quality Score improvement.
|
|
5
|
+
metadata:
|
|
6
|
+
author: Agents United Performance Group
|
|
7
|
+
version: 1.0.0
|
|
8
|
+
license: MIT
|
|
9
|
+
icon: 📈
|
|
10
|
+
disable-slash-command: true
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# Google Ads Optimization Playbook
|
|
14
|
+
|
|
15
|
+
## Overview & Purpose
|
|
16
|
+
`google-ads-optimization` provides systematic frameworks for launching, managing, and scaling high-ROAS Google Search and Performance Max ad campaigns.
|
|
17
|
+
|
|
18
|
+
## Core Directives & Standards
|
|
19
|
+
1. **Keyword Match Architecture** — Group exact match keywords into focused Single Keyword Ad Groups (SKAGs) or tightly themed ad groups.
|
|
20
|
+
2. **Negative Keyword Guardrails** — Pre-populate universal negative keyword lists (e.g. "free", "login", "careers", "cracked", "torrent").
|
|
21
|
+
3. **Responsive Search Ad (RSA) Assembly** — Provide 15 headlines and 4 descriptions per ad group with diverse value propositions.
|
|
22
|
+
4. **Quality Score Optimization** — Align landing page headline copy directly with ad keyword search queries to maximize expected CTR and landing page experience score.
|
|
23
|
+
|
|
24
|
+
## Verification Checklist
|
|
25
|
+
- [ ] Conversion tracking pixels and enhanced conversion tags verified.
|
|
26
|
+
- [ ] Negative keyword lists assigned at campaign or account level.
|
|
27
|
+
- [ ] Bid strategies (Target CPA / Target ROAS) configured with realistic baseline data.
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: graphql-schema-design
|
|
3
|
+
description: Production-grade GraphQL Schema Design playbook for scalable type
|
|
4
|
+
systems, DataLoader batching, and Apollo Federation.
|
|
5
|
+
metadata:
|
|
6
|
+
author: agents-united
|
|
7
|
+
version: 2.0.0
|
|
8
|
+
icon: 🕸️
|
|
9
|
+
disable-slash-command: true
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
# GraphQL Schema Architecture, Resolvers & Federation
|
|
13
|
+
|
|
14
|
+
## Overview & Purpose
|
|
15
|
+
The GraphQL Schema Architecture, Resolvers & Federation skill provides a deterministic, battle-tested framework for executing graphql-schema-design processes across the Agents United multi-agent ecosystem.
|
|
16
|
+
|
|
17
|
+
Following this skill ensures high quality, zero-regression execution, rigorous testing gates, and seamless cross-functional team alignment.
|
|
18
|
+
|
|
19
|
+
## Execution Triggers & Prerequisites
|
|
20
|
+
### Execution Triggers
|
|
21
|
+
- Direct request or workflow step invoking graphql-schema-design.
|
|
22
|
+
- Auditing, implementing, or standardizing graphql-schema-design procedures.
|
|
23
|
+
- Addressing technical debt, architectural reviews, or production readiness gates.
|
|
24
|
+
- Preparing pull requests or automated release validations.
|
|
25
|
+
|
|
26
|
+
### Prerequisites
|
|
27
|
+
- Active project repository workspace with version control configured.
|
|
28
|
+
- Operational testing, typechecking, and build toolchains.
|
|
29
|
+
- Domain requirements, architectural constraints, or user stories defined.
|
|
30
|
+
- Clean git working tree before beginning execution.
|
|
31
|
+
|
|
32
|
+
## Input & Output Requirements
|
|
33
|
+
### Inputs
|
|
34
|
+
| Parameter | Type | Required | Description |
|
|
35
|
+
|---|---|---|---|
|
|
36
|
+
| `target_scope` | String | Yes | Target module, service, component, or file path |
|
|
37
|
+
| `config` | Object | Optional | Specific domain configurations, thresholds, and options |
|
|
38
|
+
| `output_dir` | Directory Path | Optional | Destination directory for generated artifacts and reports |
|
|
39
|
+
| `strict_mode` | Boolean | Optional | Enforce strict zero-warning validation and high test coverage |
|
|
40
|
+
|
|
41
|
+
### Outputs
|
|
42
|
+
| Artifact | Path / Format | Description |
|
|
43
|
+
|---|---|---|
|
|
44
|
+
| Specification Document | `docs/graphql-schema-design/spec.md` | Full technical specification and architectural plan |
|
|
45
|
+
| Implementation Files | `src/graphql-schema-design/*` | Production-ready source code, tests, and configurations |
|
|
46
|
+
| Execution Report | `reports/graphql-schema-design/summary.json` | Verification metrics, test results, and audit summary |
|
|
47
|
+
|
|
48
|
+
## Step-by-Step Execution Runbook
|
|
49
|
+
|
|
50
|
+
### Phase 1: Schema Domain Modeling & Type Architecture
|
|
51
|
+
1. Model business domain as strongly-typed GraphQL schema using Schema Definition Language (SDL).
|
|
52
|
+
2. Enforce non-nullable fields (!) strictly on guaranteed domain properties.
|
|
53
|
+
3. Implement Relay Cursor Connections specification for all paginated list queries.
|
|
54
|
+
4. Structure mutations with dedicated Input and Payload types (CreateOrderInput / CreateOrderPayload).
|
|
55
|
+
5. Design domain error reporting via union types (union CreateOrderResult = Order | OrderError).
|
|
56
|
+
|
|
57
|
+
### Phase 2: Apollo Federation & Subgraph Boundary Design
|
|
58
|
+
1. Define federation @key directives for entity identification across subgraphs.
|
|
59
|
+
2. Mark shared entity references with @external and @requires directives.
|
|
60
|
+
3. Design clean subgraph boundaries matching domain bounded contexts.
|
|
61
|
+
4. Compose supergraph schema using Rover CLI to verify federation compatibility.
|
|
62
|
+
5. Validate schema against breaking change rules with Apollo Studio / GraphQL Inspector.
|
|
63
|
+
|
|
64
|
+
### Phase 3: Resolver Implementation & DataLoader Batching
|
|
65
|
+
1. Implement type resolvers with clean separation between transport and business services.
|
|
66
|
+
2. Implement DataLoader instances to batch and cache database lookups, solving N+1 query problem.
|
|
67
|
+
3. Enforce authentication and tenant authorization checks inside resolver context.
|
|
68
|
+
4. Set query complexity calculation and depth limits to prevent malicious nested queries.
|
|
69
|
+
5. Implement field-level telemetry and tracing headers.
|
|
70
|
+
|
|
71
|
+
### Phase 4: Schema Validation & Contract Testing
|
|
72
|
+
1. Run automated schema linting with graphql-eslint to enforce naming conventions.
|
|
73
|
+
2. Execute integration tests executing GraphQL queries against in-memory test database.
|
|
74
|
+
3. Verify error handling returns structured error extensions with error codes.
|
|
75
|
+
4. Benchmark query execution latency under simulated concurrent requests.
|
|
76
|
+
5. Confirm backwards-compatibility of newly introduced fields.
|
|
77
|
+
|
|
78
|
+
### Phase 5: Client Code Generation & Gateway Deployment
|
|
79
|
+
1. Generate TypeScript types and React Apollo hooks using @graphql-codegen/cli.
|
|
80
|
+
2. Publish updated subgraph schemas to supergraph gateway.
|
|
81
|
+
3. Deploy updated GraphQL service to production cluster.
|
|
82
|
+
4. Monitor query performance and error rates in gateway analytics dashboard.
|
|
83
|
+
5. Update public GraphQL documentation.
|
|
84
|
+
|
|
85
|
+
## Code & Configuration Exemplars
|
|
86
|
+
|
|
87
|
+
### Exemplar 1: GraphQL Schema Architecture, Resolvers & Federation Configuration & Specification
|
|
88
|
+
```yaml
|
|
89
|
+
type Order @key(fields: "id") {
|
|
90
|
+
id: ID!
|
|
91
|
+
customer: Customer!
|
|
92
|
+
items: [OrderItem!]!
|
|
93
|
+
totalCents: Int!
|
|
94
|
+
status: OrderStatus!
|
|
95
|
+
createdAt: String!
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
enum OrderStatus {
|
|
99
|
+
PENDING
|
|
100
|
+
PROCESSING
|
|
101
|
+
SHIPPED
|
|
102
|
+
DELIVERED
|
|
103
|
+
CANCELLED
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
type Query {
|
|
107
|
+
order(id: ID!): Order
|
|
108
|
+
orders(first: Int = 20, after: String): OrderConnection!
|
|
109
|
+
}
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
### Exemplar 2: GraphQL Schema Architecture, Resolvers & Federation TypeScript Type Contract
|
|
113
|
+
```typescript
|
|
114
|
+
export interface GraphQLResolverContext {
|
|
115
|
+
userId?: string;
|
|
116
|
+
tenantId: string;
|
|
117
|
+
dataLoaders: {
|
|
118
|
+
userLoader: unknown;
|
|
119
|
+
orderLoader: unknown;
|
|
120
|
+
};
|
|
121
|
+
}
|
|
122
|
+
```
|
|
123
|
+
|
|
124
|
+
## Edge Cases & Error Recovery Procedures
|
|
125
|
+
|
|
126
|
+
### Scenario A: Validation Failure in GraphQL Schema Architecture, Resolvers & Federation
|
|
127
|
+
1. **Diagnosis**: Static analysis, typechecking, or unit tests fail validation rules during execution.
|
|
128
|
+
2. **Recovery Protocol**:
|
|
129
|
+
- Step 1: Inspect detailed error log output in test/build terminal.
|
|
130
|
+
- Step 2: Formulate targeted hypothesis and isolate failing line or assertion.
|
|
131
|
+
- Step 3: Implement surgical code fix and re-run verification suite.
|
|
132
|
+
|
|
133
|
+
### Scenario B: Missing or Incompatible Dependency
|
|
134
|
+
1. **Diagnosis**: Required toolchain binary or library dependency is missing from the environment.
|
|
135
|
+
2. **Recovery Protocol**:
|
|
136
|
+
- Step 1: Verify `package.json` engine requirements and local environment versions.
|
|
137
|
+
- Step 2: Install required peer dependencies cleanly with lockfile sync.
|
|
138
|
+
- Step 3: Resume runbook from Phase 1.
|
|
139
|
+
|
|
140
|
+
## Verification & Validation Checklist
|
|
141
|
+
- [ ] Frontmatter conforms strictly to `author: "agents-united"` and `version: "2.0.0"`.
|
|
142
|
+
- [ ] All 7 mandatory sections present with explicit headers.
|
|
143
|
+
- [ ] Step-by-Step Execution Runbook body contains >= 50 lines.
|
|
144
|
+
- [ ] Code exemplars provided with valid syntax fencing.
|
|
145
|
+
- [ ] Zero dummy placeholder strings or unpopulated template markers present.
|
|
146
|
+
- [ ] Project build, test suite, and doctor check pass 100% cleanly.
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: grill-me
|
|
3
|
+
description: Pure Socratic alignment questioning to interrogate requirements,
|
|
4
|
+
uncover blind spots, and eliminate ambiguity before taking action.
|
|
5
|
+
metadata:
|
|
6
|
+
author: Matt Pocock (mattpocock/skills)
|
|
7
|
+
version: 1.0.0
|
|
8
|
+
source: https://github.com/mattpocock/skills
|
|
9
|
+
icon: 🔥
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
# Grill Me: Socratic Alignment Interview
|
|
13
|
+
|
|
14
|
+
## Overview & Purpose
|
|
15
|
+
`grill-me` engages the developer in a focused, iterative Q&A session. It prevents premature implementation ("vibe coding") by asking hard, clarifying questions about scope, assumptions, edge cases, and success criteria.
|
|
16
|
+
|
|
17
|
+
## Execution Triggers & Prerequisites
|
|
18
|
+
### Execution Triggers
|
|
19
|
+
- Invoked via `/grill-me`.
|
|
20
|
+
- User request is high-level, ambiguous, or lacks clear boundaries.
|
|
21
|
+
|
|
22
|
+
### Prerequisites
|
|
23
|
+
- Clear user goal or initial idea prompt.
|
|
24
|
+
|
|
25
|
+
## Input & Output Requirements
|
|
26
|
+
### Inputs
|
|
27
|
+
| Parameter | Type | Required | Description |
|
|
28
|
+
|---|---|---|---|
|
|
29
|
+
| `goal` | String / Audio (.mp3, .wav, .m4a) | Yes | High-level goal, text prompt, voice note, or audio recording (up to 20MB) |
|
|
30
|
+
|
|
31
|
+
### Outputs
|
|
32
|
+
| Artifact | Path / Format | Description |
|
|
33
|
+
|---|---|---|
|
|
34
|
+
| Clarified Requirements | Console / Inline | Refined specification and agreed approach |
|
|
35
|
+
| Audio Transcript Notes (if audio attached) | Inline | Key transcription points extracted from audio intake |
|
|
36
|
+
|
|
37
|
+
## Step-by-Step Execution Runbook
|
|
38
|
+
|
|
39
|
+
### Phase 1 — Problem Framing & Multimodal Ingestion
|
|
40
|
+
1. Ingest the user's initial prompt, voice recording, or audio attachment.
|
|
41
|
+
2. If an audio file or `/voice` memo is provided, transcribe key requirements, goals, and constraints before grilling.
|
|
42
|
+
3. Identify open questions or implicit assumptions.
|
|
43
|
+
4. Ask 2–4 concise, direct questions focusing on user outcomes and technical constraints.
|
|
44
|
+
|
|
45
|
+
### Phase 2 — Iterative Grilling
|
|
46
|
+
1. Process user responses.
|
|
47
|
+
2. If new ambiguities emerge, ask follow-up questions one round at a time.
|
|
48
|
+
3. Stop grilling as soon as scope, edge cases, and non-goals are explicit.
|
|
49
|
+
|
|
50
|
+
### Phase 3 — Summary & Hand-off
|
|
51
|
+
1. Present a concise bulleted summary of agreed scope.
|
|
52
|
+
2. Offer next steps (e.g. proceed to `/to-spec` or implementation).
|
|
53
|
+
|
|
54
|
+
## Verification & Validation Checklist
|
|
55
|
+
- [ ] Frontmatter contains author attribution to Matt Pocock.
|
|
56
|
+
- [ ] Grilling questions are targeted and non-redundant.
|
|
57
|
+
- [ ] Audio inputs (voice notes/files) are transcribed and synthesized accurately.
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: grill-with-docs
|
|
3
|
+
description: Interactive alignment grilling session that asks deep probing
|
|
4
|
+
questions before coding, establishes ubiquitous domain vocabulary
|
|
5
|
+
(CONTEXT.md), and records architectural decisions (ADRs).
|
|
6
|
+
metadata:
|
|
7
|
+
author: Matt Pocock (mattpocock/skills)
|
|
8
|
+
version: 2.0.0
|
|
9
|
+
source: https://github.com/mattpocock/skills
|
|
10
|
+
icon: 📚
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# Grill With Docs: Socratic Alignment & Domain Documentation
|
|
14
|
+
|
|
15
|
+
## Overview & Purpose
|
|
16
|
+
`grill-with-docs` bridges the alignment gap between developers and AI orchestrators before implementation begins. It uses structured Socratic questioning to uncover hidden assumptions, update the shared domain language in `CONTEXT.md`, and record architectural decisions as formal ADRs (`docs/adr/*.md`).
|
|
17
|
+
|
|
18
|
+
## Execution Triggers & Prerequisites
|
|
19
|
+
### Execution Triggers
|
|
20
|
+
- Starting a new feature, module, or complex refactor.
|
|
21
|
+
- Ambiguous requirements or conflicting design preferences.
|
|
22
|
+
- Directly running `/grill-with-docs` or initiating interactive orchestration.
|
|
23
|
+
|
|
24
|
+
### Prerequisites
|
|
25
|
+
- Accessible project root with `CONTEXT.md` (or permissions to create one).
|
|
26
|
+
- Working directory initialized with version control.
|
|
27
|
+
|
|
28
|
+
## Input & Output Requirements
|
|
29
|
+
### Inputs
|
|
30
|
+
| Parameter | Type | Required | Description |
|
|
31
|
+
|---|---|---|---|
|
|
32
|
+
| `topic` | String / Audio (.mp3, .wav, .m4a) | Yes | Feature, task, architecture doc, or audio voice memo / recording to align on |
|
|
33
|
+
| `issue_tracker` | String | Optional | Target tracker (`github`, `linear`, or `local`) |
|
|
34
|
+
| `doc_path` | String | Optional | Path for documentation output (default: `docs/adr/`) |
|
|
35
|
+
|
|
36
|
+
### Outputs
|
|
37
|
+
| Artifact | Path / Format | Description |
|
|
38
|
+
|---|---|---|
|
|
39
|
+
| Domain Dictionary | `CONTEXT.md` | Ubiquitous vocabulary and domain model mapping |
|
|
40
|
+
| Architectural Decision Record | `docs/adr/ADR-XXXX-<title>.md` | Formal decision log documenting problem, context, and choice |
|
|
41
|
+
|
|
42
|
+
## Step-by-Step Execution Runbook
|
|
43
|
+
|
|
44
|
+
### Phase 1 — Socratic Alignment Interview & Multimodal Ingestion
|
|
45
|
+
1. Ingest input topic, design documents, or audio voice recordings.
|
|
46
|
+
2. If audio recordings or dictations are provided, extract architectural requirements and terminology before questioning.
|
|
47
|
+
3. Ask 3–5 probing, targeted questions about the requested feature (e.g., boundaries, data flow, edge cases, failure modes).
|
|
48
|
+
4. Wait for developer responses before proceeding.
|
|
49
|
+
5. Challenge ambiguous assumptions or underspecified constraints.
|
|
50
|
+
|
|
51
|
+
### Phase 2 — Ubiquitous Language & Domain Modeling
|
|
52
|
+
1. Identify new domain concepts, entity names, or system jargon surfaced during grilling.
|
|
53
|
+
2. Update or create `CONTEXT.md` at the project root with clear, concise term definitions.
|
|
54
|
+
3. Ensure orchestrators and developer use consistent terminology across code and documentation.
|
|
55
|
+
|
|
56
|
+
### Phase 3 — Architectural Decision Record (ADR) Generation
|
|
57
|
+
1. Format agreed architectural choices into an ADR stored under `docs/adr/`.
|
|
58
|
+
2. Include Title, Status (Proposed/Accepted), Context, Decision, and Consequences.
|
|
59
|
+
3. Summarize key takeaways and hand off to implementation workflows.
|
|
60
|
+
|
|
61
|
+
## Code & Configuration Exemplars
|
|
62
|
+
|
|
63
|
+
### Exemplar 1: ADR Structure
|
|
64
|
+
```markdown
|
|
65
|
+
# ADR-0001: Adopt Scoped Safety Policies for Sub-Agent Execution
|
|
66
|
+
|
|
67
|
+
## Status
|
|
68
|
+
Accepted
|
|
69
|
+
|
|
70
|
+
## Context
|
|
71
|
+
Sub-agents require predictable execution boundaries without prompting the user for every shell tool call.
|
|
72
|
+
|
|
73
|
+
## Decision
|
|
74
|
+
Implement `permissionMode: acceptEdits` and `commandExecutionPolicy` headers in sub-agent frontmatter.
|
|
75
|
+
|
|
76
|
+
## Consequences
|
|
77
|
+
Reduces human-in-the-loop overhead while keeping security constraints explicit.
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
## Verification & Validation Checklist
|
|
81
|
+
- [ ] Frontmatter includes `author: "Matt Pocock (mattpocock/skills)"`.
|
|
82
|
+
- [ ] `CONTEXT.md` updated with any newly introduced domain terms.
|
|
83
|
+
- [ ] ADR document saved with proper sequence number under `docs/adr/`.
|
|
84
|
+
- [ ] Audio inputs (voice notes/files) are transcribed and synthesized accurately.
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: growth-experiment-design
|
|
3
|
+
description: Production-grade Growth Experiment Design playbook for design
|
|
4
|
+
operations, UX systems, and growth strategy.
|
|
5
|
+
metadata:
|
|
6
|
+
author: agents-united
|
|
7
|
+
version: 2.0.0
|
|
8
|
+
icon: 🧪
|
|
9
|
+
disable-slash-command: true
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
# Growth Experiment Design
|
|
13
|
+
|
|
14
|
+
## Overview & Purpose
|
|
15
|
+
The Growth Experiment Design skill provides a deterministic framework for executing growth experiment design processes in modern software products.
|
|
16
|
+
|
|
17
|
+
Following this skill ensures high usability, visual consistency, rapid iteration, and complete cross-functional team alignment.
|
|
18
|
+
|
|
19
|
+
## Execution Triggers & Prerequisites
|
|
20
|
+
### Execution Triggers
|
|
21
|
+
- Direct request to execute Growth Experiment Design tasks.
|
|
22
|
+
- Auditing existing product assets or workflows.
|
|
23
|
+
- Standardizing growth-experiment-design procedures across team projects.
|
|
24
|
+
- Preparing design handoffs or growth campaign launches.
|
|
25
|
+
|
|
26
|
+
### Prerequisites
|
|
27
|
+
- Project workspace configured with design system tokens or component libraries.
|
|
28
|
+
- Target UI design specification or growth experiment hypothesis.
|
|
29
|
+
- Testing and linting tools operational.
|
|
30
|
+
- Clean git working directory.
|
|
31
|
+
|
|
32
|
+
## Input & Output Requirements
|
|
33
|
+
### Inputs
|
|
34
|
+
| Parameter | Type | Required | Description |
|
|
35
|
+
|---|---|---|---|
|
|
36
|
+
| `target_scope` | String | Yes | Target UI component, page, or campaign scope |
|
|
37
|
+
| `config` | Object | Optional | Specific parameters and threshold configurations |
|
|
38
|
+
| `output_dir` | Directory Path | Optional | Destination directory for generated artifacts |
|
|
39
|
+
| `strict_mode` | Boolean | Optional | Enforce strict zero-warning validation |
|
|
40
|
+
|
|
41
|
+
### Outputs
|
|
42
|
+
| Artifact | Path / Format | Description |
|
|
43
|
+
|---|---|---|
|
|
44
|
+
| Specification Document | `docs/growth-experiment-design/spec.md` | Full specification and guidelines document |
|
|
45
|
+
| Component / Asset Files | `src/growth-experiment-design/*` | Implemented design tokens, components, or campaign assets |
|
|
46
|
+
| Audit Report | `reports/growth-experiment-design/summary.json` | Health check and audit metric results |
|
|
47
|
+
|
|
48
|
+
## Step-by-Step Execution Runbook
|
|
49
|
+
|
|
50
|
+
### Phase 1: Pre-Execution Discovery & Workspace Analysis
|
|
51
|
+
1. Inspect workspace repository to locate relevant UI components, tokens, or campaign assets.
|
|
52
|
+
```bash
|
|
53
|
+
find src/ docs/ -maxdepth 3 -type f
|
|
54
|
+
```
|
|
55
|
+
2. Analyze domain requirements and classify core UI elements, interaction flows, or growth metrics.
|
|
56
|
+
3. Establish baseline quality metrics and target benchmarks.
|
|
57
|
+
4. Verify working tree status to ensure clean git workspace.
|
|
58
|
+
```bash
|
|
59
|
+
git status --short
|
|
60
|
+
```
|
|
61
|
+
5. Formulate initial execution plan.
|
|
62
|
+
|
|
63
|
+
### Phase 2: Input Contract Validation & Strategy Selection
|
|
64
|
+
1. Validate input parameters against technical feasibility and design system guidelines.
|
|
65
|
+
2. Select implementation pattern matching component or campaign architecture.
|
|
66
|
+
3. Establish verification rules and accessibility / conversion thresholds.
|
|
67
|
+
4. Formulate atomic step-by-step execution sequence.
|
|
68
|
+
5. Create temporary working directory if needed.
|
|
69
|
+
|
|
70
|
+
### Phase 3: Core Step-by-Step Implementation Execution
|
|
71
|
+
1. Author primary specification document at `docs/growth-experiment-design/spec.md`.
|
|
72
|
+
2. Generate code, token, or layout implementation files.
|
|
73
|
+
```bash
|
|
74
|
+
npm run typecheck
|
|
75
|
+
```
|
|
76
|
+
3. Apply automated formatting and linting tools.
|
|
77
|
+
4. Execute unit or visual regression tests.
|
|
78
|
+
```bash
|
|
79
|
+
npm test
|
|
80
|
+
```
|
|
81
|
+
5. Refactor asset structure for optimal performance and maintainability.
|
|
82
|
+
|
|
83
|
+
### Phase 4: Verification, Testing & Quality Gate Checking
|
|
84
|
+
1. Run full project verification suite.
|
|
85
|
+
```bash
|
|
86
|
+
npm run typecheck && npm test && npm run build
|
|
87
|
+
```
|
|
88
|
+
2. Verify zero lint errors, type warnings, or broken references.
|
|
89
|
+
3. Execute CLI health doctor check.
|
|
90
|
+
```bash
|
|
91
|
+
node dist/cli.js doctor
|
|
92
|
+
```
|
|
93
|
+
4. Assert all acceptance criteria are satisfied.
|
|
94
|
+
|
|
95
|
+
### Phase 5: Post-Execution Cleanup & Artifact Generation
|
|
96
|
+
1. Generate execution summary report at `reports/growth-experiment-design/summary.md`.
|
|
97
|
+
2. Clean up temporary build artifacts and scratch files.
|
|
98
|
+
3. Commit generated files to git repository.
|
|
99
|
+
```bash
|
|
100
|
+
git add docs/growth-experiment-design/ reports/growth-experiment-design/
|
|
101
|
+
git commit -m "feat(growth-experiment-design): implement Growth Experiment Design playbook artifacts"
|
|
102
|
+
```
|
|
103
|
+
4. Publish documentation for team review.
|
|
104
|
+
|
|
105
|
+
## Code & Configuration Exemplars
|
|
106
|
+
|
|
107
|
+
### Exemplar 1: Growth Experiment Design Configuration Specification
|
|
108
|
+
```yaml
|
|
109
|
+
version: "2.0.0"
|
|
110
|
+
metadata:
|
|
111
|
+
skill: "growth-experiment-design"
|
|
112
|
+
author: "agents-united"
|
|
113
|
+
rules:
|
|
114
|
+
strictValidation: true
|
|
115
|
+
reporting:
|
|
116
|
+
format: "json"
|
|
117
|
+
output: "reports/growth-experiment-design/summary.json"
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
### Exemplar 2: Growth Experiment Design Helper Module
|
|
121
|
+
```typescript
|
|
122
|
+
export function runGrowthExperimentDesign(scope: string): boolean {
|
|
123
|
+
console.log('Running Growth Experiment Design on:', scope);
|
|
124
|
+
return true;
|
|
125
|
+
}
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
## Edge Cases & Error Recovery Procedures
|
|
129
|
+
|
|
130
|
+
### Scenario A: Validation Failure in Growth Experiment Design
|
|
131
|
+
1. **Diagnosis**: Specification or code asset fails validation rules in growth-experiment-design.
|
|
132
|
+
2. **Recovery Protocol**:
|
|
133
|
+
- Step 1: Inspect error log at reports directory.
|
|
134
|
+
- Step 2: Correct non-compliant syntax or structure.
|
|
135
|
+
- Step 3: Re-run verification pipeline.
|
|
136
|
+
|
|
137
|
+
### Scenario B: Missing Resource for Growth Experiment Design
|
|
138
|
+
1. **Diagnosis**: Target design token or configuration asset missing from workspace.
|
|
139
|
+
2. **Recovery Protocol**:
|
|
140
|
+
- Step 1: Generate baseline resource file from standard template.
|
|
141
|
+
- Step 2: Update configuration references.
|
|
142
|
+
- Step 3: Resume runbook execution.
|
|
143
|
+
|
|
144
|
+
## Verification & Validation Checklist
|
|
145
|
+
- [ ] Frontmatter conforms strictly to `author: "agents-united"` and `version: "2.0.0"`.
|
|
146
|
+
- [ ] All 7 mandatory sections present with explicit headers.
|
|
147
|
+
- [ ] Step-by-Step Execution Runbook body contains >= 50 lines.
|
|
148
|
+
- [ ] Code exemplars provided with valid syntax fencing.
|
|
149
|
+
- [ ] Zero dummy placeholder strings or unpopulated template markers present.
|
|
150
|
+
- [ ] Project build, test suite, and doctor check pass 100% cleanly.
|