@starlein/paperclip-plugin-company-wizard 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +748 -0
- package/dist/manifest.js +91 -0
- package/dist/manifest.js.map +7 -0
- package/dist/ui/index.css +1647 -0
- package/dist/ui/index.css.map +7 -0
- package/dist/ui/index.js +6738 -0
- package/dist/ui/index.js.map +7 -0
- package/dist/worker.js +8247 -0
- package/dist/worker.js.map +7 -0
- package/package.json +73 -0
- package/templates/ai-wizard/config-format.md +21 -0
- package/templates/ai-wizard/interview-system.md +67 -0
- package/templates/ai-wizard/messages.json +6 -0
- package/templates/ai-wizard/single-shot-system.md +42 -0
- package/templates/bootstrap-instructions.md +30 -0
- package/templates/modules/accessibility/agents/engineer/skills/accessibility-audit.fallback.md +18 -0
- package/templates/modules/accessibility/agents/ui-designer/skills/accessibility-audit.fallback.md +18 -0
- package/templates/modules/accessibility/module.meta.json +22 -0
- package/templates/modules/accessibility/skills/accessibility-audit.md +27 -0
- package/templates/modules/architecture-plan/agents/ceo/skills/architecture-plan.fallback.md +16 -0
- package/templates/modules/architecture-plan/agents/engineer/skills/design-system.fallback.md +17 -0
- package/templates/modules/architecture-plan/agents/ui-designer/skills/architecture-plan.md +19 -0
- package/templates/modules/architecture-plan/agents/ui-designer/skills/design-system.md +24 -0
- package/templates/modules/architecture-plan/docs/architecture-template.md +38 -0
- package/templates/modules/architecture-plan/docs/design-system-template.md +61 -0
- package/templates/modules/architecture-plan/module.meta.json +37 -0
- package/templates/modules/architecture-plan/skills/architecture-plan.md +23 -0
- package/templates/modules/auto-assign/README.md +23 -0
- package/templates/modules/auto-assign/agents/ceo/heartbeat-section.md +9 -0
- package/templates/modules/auto-assign/agents/ceo/skills/auto-assign.fallback.md +18 -0
- package/templates/modules/auto-assign/agents/product-owner/heartbeat-section.md +10 -0
- package/templates/modules/auto-assign/module.meta.json +27 -0
- package/templates/modules/auto-assign/skills/auto-assign.md +23 -0
- package/templates/modules/backlog/README.md +26 -0
- package/templates/modules/backlog/agents/ceo/heartbeat-section.md +10 -0
- package/templates/modules/backlog/agents/ceo/skills/backlog-health.fallback.md +20 -0
- package/templates/modules/backlog/agents/product-owner/heartbeat-section.md +15 -0
- package/templates/modules/backlog/docs/backlog-process.md +62 -0
- package/templates/modules/backlog/docs/backlog-template.md +53 -0
- package/templates/modules/backlog/module.meta.json +31 -0
- package/templates/modules/backlog/skills/backlog-health.md +47 -0
- package/templates/modules/brand-identity/agents/ceo/skills/brand-identity.fallback.md +19 -0
- package/templates/modules/brand-identity/agents/cmo/skills/brand-identity.fallback.md +19 -0
- package/templates/modules/brand-identity/docs/brand-identity-template.md +43 -0
- package/templates/modules/brand-identity/module.meta.json +22 -0
- package/templates/modules/brand-identity/skills/brand-identity.md +30 -0
- package/templates/modules/build-api/module.meta.json +118 -0
- package/templates/modules/build-api/skills/api-design.md +43 -0
- package/templates/modules/ci-cd/agents/devops/skills/ci-cd.md +28 -0
- package/templates/modules/ci-cd/agents/engineer/skills/ci-cd.fallback.md +18 -0
- package/templates/modules/ci-cd/docs/ci-cd-template.md +42 -0
- package/templates/modules/ci-cd/module.meta.json +105 -0
- package/templates/modules/ci-cd/skills/ci-cd.md +26 -0
- package/templates/modules/codebase-onboarding/agents/ceo/skills/codebase-audit.fallback.md +19 -0
- package/templates/modules/codebase-onboarding/module.meta.json +24 -0
- package/templates/modules/codebase-onboarding/skills/codebase-audit.md +45 -0
- package/templates/modules/competitive-intel/agents/ceo/skills/competitive-tracking.fallback.md +17 -0
- package/templates/modules/competitive-intel/agents/cmo/skills/competitive-tracking.fallback.md +17 -0
- package/templates/modules/competitive-intel/agents/customer-success/skills/competitive-tracking.md +25 -0
- package/templates/modules/competitive-intel/module.meta.json +23 -0
- package/templates/modules/competitive-intel/skills/competitive-tracking.md +27 -0
- package/templates/modules/dependency-management/agents/engineer/skills/dependency-audit.fallback.md +18 -0
- package/templates/modules/dependency-management/module.meta.json +25 -0
- package/templates/modules/dependency-management/skills/dependency-audit.md +43 -0
- package/templates/modules/documentation/agents/ceo/skills/project-docs.fallback.md +16 -0
- package/templates/modules/documentation/agents/engineer/skills/project-docs.fallback.md +16 -0
- package/templates/modules/documentation/module.meta.json +22 -0
- package/templates/modules/documentation/skills/project-docs.md +25 -0
- package/templates/modules/game-design/agents/ceo/skills/game-design.fallback.md +17 -0
- package/templates/modules/game-design/agents/game-designer/skills/game-design.md +51 -0
- package/templates/modules/game-design/docs/engine-phaser.md +310 -0
- package/templates/modules/game-design/docs/engine-pixijs.md +289 -0
- package/templates/modules/game-design/docs/engine-threejs.md +304 -0
- package/templates/modules/game-design/docs/gdd-template.md +72 -0
- package/templates/modules/game-design/module.meta.json +22 -0
- package/templates/modules/game-design/skills/game-design.md +41 -0
- package/templates/modules/github-repo/README.md +23 -0
- package/templates/modules/github-repo/agents/engineer/skills/git-workflow.md +23 -0
- package/templates/modules/github-repo/docs/git-workflow.md +50 -0
- package/templates/modules/github-repo/module.meta.json +12 -0
- package/templates/modules/hiring-review/agents/ceo/skills/hiring-review.fallback.md +17 -0
- package/templates/modules/hiring-review/module.meta.json +21 -0
- package/templates/modules/hiring-review/skills/hiring-review.md +24 -0
- package/templates/modules/launch-mvp/module.meta.json +86 -0
- package/templates/modules/market-analysis/agents/ceo/skills/market-analysis.fallback.md +17 -0
- package/templates/modules/market-analysis/agents/cmo/skills/market-analysis.fallback.md +19 -0
- package/templates/modules/market-analysis/agents/product-owner/skills/market-analysis.fallback.md +18 -0
- package/templates/modules/market-analysis/agents/ux-researcher/skills/market-analysis.md +23 -0
- package/templates/modules/market-analysis/docs/market-analysis-template.md +32 -0
- package/templates/modules/market-analysis/module.meta.json +23 -0
- package/templates/modules/market-analysis/skills/market-analysis.md +21 -0
- package/templates/modules/monitoring/agents/devops/skills/monitoring.md +23 -0
- package/templates/modules/monitoring/agents/engineer/skills/monitoring.fallback.md +18 -0
- package/templates/modules/monitoring/docs/monitoring-template.md +46 -0
- package/templates/modules/monitoring/module.meta.json +24 -0
- package/templates/modules/monitoring/skills/monitoring.md +20 -0
- package/templates/modules/pr-review/README.md +43 -0
- package/templates/modules/pr-review/agents/code-reviewer/skills/code-review.md +29 -0
- package/templates/modules/pr-review/agents/devops/skills/infra-review.md +29 -0
- package/templates/modules/pr-review/agents/engineer/skills/pr-workflow.md +24 -0
- package/templates/modules/pr-review/agents/product-owner/skills/product-review.md +27 -0
- package/templates/modules/pr-review/agents/qa/skills/qa-review.md +29 -0
- package/templates/modules/pr-review/agents/ui-designer/skills/design-review.md +29 -0
- package/templates/modules/pr-review/agents/ux-researcher/skills/ux-review.md +29 -0
- package/templates/modules/pr-review/docs/pr-conventions.md +78 -0
- package/templates/modules/pr-review/module.meta.json +24 -0
- package/templates/modules/release-management/agents/engineer/skills/release-process.fallback.md +18 -0
- package/templates/modules/release-management/module.meta.json +25 -0
- package/templates/modules/release-management/skills/release-process.md +45 -0
- package/templates/modules/security-audit/agents/devops/skills/security-review.fallback.md +17 -0
- package/templates/modules/security-audit/agents/devops/skills/threat-model.fallback.md +17 -0
- package/templates/modules/security-audit/agents/engineer/skills/security-review.fallback.md +17 -0
- package/templates/modules/security-audit/agents/engineer/skills/threat-model.fallback.md +17 -0
- package/templates/modules/security-audit/module.meta.json +36 -0
- package/templates/modules/security-audit/skills/security-review.md +25 -0
- package/templates/modules/security-audit/skills/threat-model.md +22 -0
- package/templates/modules/stall-detection/README.md +27 -0
- package/templates/modules/stall-detection/agents/ceo/heartbeat-section.md +12 -0
- package/templates/modules/stall-detection/agents/ceo/skills/stall-detection.md +21 -0
- package/templates/modules/stall-detection/module.meta.json +15 -0
- package/templates/modules/tech-stack/agents/ceo/skills/tech-stack.fallback.md +16 -0
- package/templates/modules/tech-stack/docs/tech-stack-template.md +28 -0
- package/templates/modules/tech-stack/module.meta.json +21 -0
- package/templates/modules/tech-stack/skills/tech-stack.md +25 -0
- package/templates/modules/triage/agents/ceo/skills/issue-triage.fallback.md +19 -0
- package/templates/modules/triage/module.meta.json +25 -0
- package/templates/modules/triage/skills/issue-triage.md +42 -0
- package/templates/modules/user-testing/agents/ceo/skills/user-testing.fallback.md +17 -0
- package/templates/modules/user-testing/agents/product-owner/skills/user-testing.fallback.md +17 -0
- package/templates/modules/user-testing/agents/qa/skills/user-testing.md +30 -0
- package/templates/modules/user-testing/agents/ux-researcher/skills/user-testing.fallback.md +18 -0
- package/templates/modules/user-testing/docs/user-testing-template.md +37 -0
- package/templates/modules/user-testing/module.meta.json +23 -0
- package/templates/modules/user-testing/skills/user-testing.md +27 -0
- package/templates/modules/vision-workshop/agents/ceo/skills/vision-workshop.md +23 -0
- package/templates/modules/vision-workshop/agents/ux-researcher/skills/vision-workshop.md +19 -0
- package/templates/modules/vision-workshop/docs/vision-template.md +28 -0
- package/templates/modules/vision-workshop/module.meta.json +12 -0
- package/templates/modules/website-relaunch/agents/ui-designer/skills/site-audit.md +65 -0
- package/templates/modules/website-relaunch/module.meta.json +168 -0
- package/templates/modules/website-relaunch/skills/design-ingestion.md +111 -0
- package/templates/modules/website-relaunch/skills/site-audit.md +54 -0
- package/templates/presets/build-api/preset.meta.json +16 -0
- package/templates/presets/build-game/preset.meta.json +150 -0
- package/templates/presets/content/preset.meta.json +20 -0
- package/templates/presets/fast/preset.meta.json +16 -0
- package/templates/presets/full/preset.meta.json +22 -0
- package/templates/presets/gtm/preset.meta.json +21 -0
- package/templates/presets/launch-mvp/preset.meta.json +17 -0
- package/templates/presets/launch-pack/preset.meta.json +25 -0
- package/templates/presets/quality/preset.meta.json +17 -0
- package/templates/presets/rad/preset.meta.json +19 -0
- package/templates/presets/repo-maintenance/preset.meta.json +104 -0
- package/templates/presets/research/preset.meta.json +13 -0
- package/templates/presets/secure/preset.meta.json +22 -0
- package/templates/presets/startup/preset.meta.json +19 -0
- package/templates/presets/website-relaunch/preset.meta.json +18 -0
- package/templates/roles/audio-designer/AGENTS.md +29 -0
- package/templates/roles/audio-designer/HEARTBEAT.md +37 -0
- package/templates/roles/audio-designer/SOUL.md +17 -0
- package/templates/roles/audio-designer/TOOLS.md +3 -0
- package/templates/roles/audio-designer/role.meta.json +14 -0
- package/templates/roles/ceo/AGENTS.md +28 -0
- package/templates/roles/ceo/HEARTBEAT.md +75 -0
- package/templates/roles/ceo/SOUL.md +33 -0
- package/templates/roles/ceo/TOOLS.md +3 -0
- package/templates/roles/ceo/role.meta.json +14 -0
- package/templates/roles/cfo/AGENTS.md +31 -0
- package/templates/roles/cfo/HEARTBEAT.md +37 -0
- package/templates/roles/cfo/SOUL.md +17 -0
- package/templates/roles/cfo/TOOLS.md +3 -0
- package/templates/roles/cfo/role.meta.json +17 -0
- package/templates/roles/cmo/AGENTS.md +31 -0
- package/templates/roles/cmo/HEARTBEAT.md +37 -0
- package/templates/roles/cmo/SOUL.md +17 -0
- package/templates/roles/cmo/TOOLS.md +3 -0
- package/templates/roles/cmo/role.meta.json +17 -0
- package/templates/roles/code-reviewer/AGENTS.md +42 -0
- package/templates/roles/code-reviewer/HEARTBEAT.md +33 -0
- package/templates/roles/code-reviewer/SOUL.md +18 -0
- package/templates/roles/code-reviewer/TOOLS.md +3 -0
- package/templates/roles/code-reviewer/role.meta.json +12 -0
- package/templates/roles/cto/AGENTS.md +30 -0
- package/templates/roles/cto/HEARTBEAT.md +45 -0
- package/templates/roles/cto/SOUL.md +25 -0
- package/templates/roles/cto/TOOLS.md +3 -0
- package/templates/roles/cto/role.meta.json +18 -0
- package/templates/roles/customer-success/AGENTS.md +42 -0
- package/templates/roles/customer-success/HEARTBEAT.md +33 -0
- package/templates/roles/customer-success/SOUL.md +17 -0
- package/templates/roles/customer-success/TOOLS.md +3 -0
- package/templates/roles/customer-success/role.meta.json +17 -0
- package/templates/roles/devops/AGENTS.md +31 -0
- package/templates/roles/devops/HEARTBEAT.md +42 -0
- package/templates/roles/devops/SOUL.md +17 -0
- package/templates/roles/devops/TOOLS.md +3 -0
- package/templates/roles/devops/role.meta.json +17 -0
- package/templates/roles/engineer/AGENTS.md +29 -0
- package/templates/roles/engineer/HEARTBEAT.md +39 -0
- package/templates/roles/engineer/SOUL.md +20 -0
- package/templates/roles/engineer/TOOLS.md +3 -0
- package/templates/roles/engineer/role.meta.json +13 -0
- package/templates/roles/game-artist/AGENTS.md +29 -0
- package/templates/roles/game-artist/HEARTBEAT.md +37 -0
- package/templates/roles/game-artist/SOUL.md +24 -0
- package/templates/roles/game-artist/TOOLS.md +3 -0
- package/templates/roles/game-artist/role.meta.json +14 -0
- package/templates/roles/game-designer/AGENTS.md +29 -0
- package/templates/roles/game-designer/HEARTBEAT.md +37 -0
- package/templates/roles/game-designer/SOUL.md +17 -0
- package/templates/roles/game-designer/TOOLS.md +3 -0
- package/templates/roles/game-designer/role.meta.json +14 -0
- package/templates/roles/level-designer/AGENTS.md +29 -0
- package/templates/roles/level-designer/HEARTBEAT.md +37 -0
- package/templates/roles/level-designer/SOUL.md +17 -0
- package/templates/roles/level-designer/TOOLS.md +3 -0
- package/templates/roles/level-designer/role.meta.json +13 -0
- package/templates/roles/product-owner/AGENTS.md +29 -0
- package/templates/roles/product-owner/HEARTBEAT.md +35 -0
- package/templates/roles/product-owner/SOUL.md +17 -0
- package/templates/roles/product-owner/TOOLS.md +3 -0
- package/templates/roles/product-owner/role.meta.json +14 -0
- package/templates/roles/qa/AGENTS.md +31 -0
- package/templates/roles/qa/HEARTBEAT.md +37 -0
- package/templates/roles/qa/SOUL.md +17 -0
- package/templates/roles/qa/TOOLS.md +3 -0
- package/templates/roles/qa/role.meta.json +17 -0
- package/templates/roles/security-engineer/AGENTS.md +42 -0
- package/templates/roles/security-engineer/HEARTBEAT.md +33 -0
- package/templates/roles/security-engineer/SOUL.md +17 -0
- package/templates/roles/security-engineer/TOOLS.md +3 -0
- package/templates/roles/security-engineer/role.meta.json +17 -0
- package/templates/roles/technical-writer/AGENTS.md +41 -0
- package/templates/roles/technical-writer/HEARTBEAT.md +32 -0
- package/templates/roles/technical-writer/SOUL.md +17 -0
- package/templates/roles/technical-writer/TOOLS.md +3 -0
- package/templates/roles/technical-writer/role.meta.json +16 -0
- package/templates/roles/ui-designer/AGENTS.md +29 -0
- package/templates/roles/ui-designer/HEARTBEAT.md +37 -0
- package/templates/roles/ui-designer/SOUL.md +17 -0
- package/templates/roles/ui-designer/TOOLS.md +3 -0
- package/templates/roles/ui-designer/role.meta.json +17 -0
- package/templates/roles/ux-researcher/AGENTS.md +29 -0
- package/templates/roles/ux-researcher/HEARTBEAT.md +37 -0
- package/templates/roles/ux-researcher/SOUL.md +17 -0
- package/templates/roles/ux-researcher/TOOLS.md +3 -0
- package/templates/roles/ux-researcher/role.meta.json +14 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
# Skill: User Testing
|
|
2
|
+
|
|
3
|
+
You are the QA engineer and user-facing quality is your core domain. You own test strategy, automation, and usability validation.
|
|
4
|
+
|
|
5
|
+
## User Testing Process
|
|
6
|
+
|
|
7
|
+
1. Review the company goal, product description, and user personas
|
|
8
|
+
2. Design test scenarios covering critical user flows
|
|
9
|
+
3. Define success metrics for each scenario (task completion, error rate, time-on-task)
|
|
10
|
+
4. Build test automation for repeatable user flow validation
|
|
11
|
+
5. Execute evaluations and document in `docs/USER-TESTING.md`:
|
|
12
|
+
- **Functional testing**: Verify all user flows work end-to-end
|
|
13
|
+
- **Heuristic analysis**: Apply usability heuristics to key screens and flows
|
|
14
|
+
- **Edge case coverage**: Test boundary conditions, error states, and recovery flows
|
|
15
|
+
- **Accessibility review**: Check against WCAG standards (contrast, keyboard nav, screen reader)
|
|
16
|
+
6. Rate each finding by severity:
|
|
17
|
+
- **Critical**: Prevents task completion
|
|
18
|
+
- **Major**: Significant friction or confusion
|
|
19
|
+
- **Minor**: Cosmetic or low-impact usability issues
|
|
20
|
+
7. Create follow-up issues for critical and major findings:
|
|
21
|
+
- `POST /api/companies/{companyId}/issues` with finding details and reproduction steps. Include the active `projectId` (and `goalId` / `parentId` when applicable).
|
|
22
|
+
8. Record summary in your daily notes
|
|
23
|
+
|
|
24
|
+
## Rules
|
|
25
|
+
|
|
26
|
+
- Evidence over opinion. Back findings with specific observations and reproduction steps.
|
|
27
|
+
- Test real user flows, not isolated screens.
|
|
28
|
+
- Automate regression tests for critical paths — manual testing doesn't scale.
|
|
29
|
+
- Prioritize by impact — focus on what blocks or frustrates users most.
|
|
30
|
+
- Update findings when the product changes significantly.
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
# Skill: User Testing (Fallback)
|
|
2
|
+
|
|
3
|
+
The QA engineer primarily owns test strategy and usability validation. You are the fallback — step in only if QA is absent or hasn't started testing.
|
|
4
|
+
|
|
5
|
+
## User Testing (Fallback)
|
|
6
|
+
|
|
7
|
+
1. If no `docs/USER-TESTING.md` exists and QA hasn't started:
|
|
8
|
+
- Design test scenarios covering critical user flows from a user-centered perspective
|
|
9
|
+
- Conduct heuristic evaluation against usability principles
|
|
10
|
+
- Document findings in `docs/USER-TESTING.md`
|
|
11
|
+
- Focus on user experience quality — task flows, cognitive load, error recovery
|
|
12
|
+
2. If QA is active, skip this entirely.
|
|
13
|
+
|
|
14
|
+
## Rules
|
|
15
|
+
|
|
16
|
+
- This is a safety net. Focus on user-centered evaluation — your strength as a researcher.
|
|
17
|
+
- Let QA own test automation and systematic regression testing.
|
|
18
|
+
- Prioritize findings by user impact, not technical severity.
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# User Testing
|
|
2
|
+
|
|
3
|
+
## Test Objectives
|
|
4
|
+
|
|
5
|
+
- _What are we evaluating?_
|
|
6
|
+
- _What questions do we want to answer?_
|
|
7
|
+
|
|
8
|
+
## User Personas
|
|
9
|
+
|
|
10
|
+
- **Persona 1**: _Name, role, technical level, key goals_
|
|
11
|
+
- **Persona 2**: _Name, role, technical level, key goals_
|
|
12
|
+
|
|
13
|
+
## Test Scenarios
|
|
14
|
+
|
|
15
|
+
| # | Scenario | Persona | Steps | Success Criteria | Result |
|
|
16
|
+
|---|----------|---------|-------|------------------|--------|
|
|
17
|
+
| 1 | _..._ | _..._ | _..._ | _..._ | _..._ |
|
|
18
|
+
| 2 | _..._ | _..._ | _..._ | _..._ | _..._ |
|
|
19
|
+
|
|
20
|
+
## Findings
|
|
21
|
+
|
|
22
|
+
| # | Finding | Severity | Scenario | Evidence | Recommendation |
|
|
23
|
+
|---|---------|----------|----------|----------|----------------|
|
|
24
|
+
| 1 | _..._ | _Critical / Major / Minor_ | _..._ | _..._ | _..._ |
|
|
25
|
+
| 2 | _..._ | _Critical / Major / Minor_ | _..._ | _..._ | _..._ |
|
|
26
|
+
|
|
27
|
+
## Recommendations
|
|
28
|
+
|
|
29
|
+
_Prioritized recommendations based on findings above._
|
|
30
|
+
|
|
31
|
+
## Follow-up Issues
|
|
32
|
+
|
|
33
|
+
- [ ] _Issue title — severity, linked finding #_
|
|
34
|
+
- [ ] _Issue title — severity, linked finding #_
|
|
35
|
+
|
|
36
|
+
---
|
|
37
|
+
_Generated by Clipper. Fill in during user-testing task._
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "user-testing",
|
|
3
|
+
"description": "Designs and runs user tests to validate product decisions with real feedback.",
|
|
4
|
+
"capabilities": [
|
|
5
|
+
{
|
|
6
|
+
"skill": "user-testing",
|
|
7
|
+
"owners": [
|
|
8
|
+
"qa",
|
|
9
|
+
"ux-researcher",
|
|
10
|
+
"product-owner",
|
|
11
|
+
"ceo"
|
|
12
|
+
],
|
|
13
|
+
"fallbackSkill": "user-testing.fallback"
|
|
14
|
+
}
|
|
15
|
+
],
|
|
16
|
+
"issues": [
|
|
17
|
+
{
|
|
18
|
+
"title": "Design and execute initial usability evaluation",
|
|
19
|
+
"assignTo": "capability:user-testing",
|
|
20
|
+
"description": "Define test scenarios based on the company goal, identify target user personas, create a test plan, execute evaluations, and document findings in docs/USER-TESTING.md."
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
# Skill: User Testing
|
|
2
|
+
|
|
3
|
+
You own usability evaluations and user testing. This ensures the product meets real user needs and surfaces issues before they reach production.
|
|
4
|
+
|
|
5
|
+
## User Testing Process
|
|
6
|
+
|
|
7
|
+
1. Review the company goal, product description, and user personas
|
|
8
|
+
2. Design test scenarios covering critical user flows
|
|
9
|
+
3. Define success metrics for each scenario (task completion, error rate, time-on-task)
|
|
10
|
+
4. Execute evaluations and document in `docs/USER-TESTING.md`:
|
|
11
|
+
- **Heuristic analysis**: Apply usability heuristics to key screens and flows
|
|
12
|
+
- **Task flow evaluation**: Walk through core tasks as target personas would
|
|
13
|
+
- **Accessibility review**: Check against basic accessibility standards (contrast, keyboard nav, screen reader)
|
|
14
|
+
5. Rate each finding by severity:
|
|
15
|
+
- **Critical**: Prevents task completion
|
|
16
|
+
- **Major**: Significant friction or confusion
|
|
17
|
+
- **Minor**: Cosmetic or low-impact usability issues
|
|
18
|
+
6. Create follow-up issues for critical and major findings:
|
|
19
|
+
- `POST /api/companies/{companyId}/issues` with finding details and reproduction steps. Include the active `projectId` (and `goalId` / `parentId` when applicable).
|
|
20
|
+
7. Record summary in your daily notes
|
|
21
|
+
|
|
22
|
+
## Rules
|
|
23
|
+
|
|
24
|
+
- Evidence over opinion. Back findings with specific observations from test scenarios.
|
|
25
|
+
- Test real user flows, not isolated screens.
|
|
26
|
+
- Prioritize by impact — focus on what blocks or frustrates users most.
|
|
27
|
+
- Update findings when the product changes significantly.
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# Skill: Vision Workshop
|
|
2
|
+
|
|
3
|
+
You own the company vision. Refine the initial goal into a strategic foundation that guides all downstream work.
|
|
4
|
+
|
|
5
|
+
## Vision Workshop Process
|
|
6
|
+
|
|
7
|
+
1. Review the company goal and any existing context (market analysis, team composition)
|
|
8
|
+
2. Define and document in `docs/VISION.md`:
|
|
9
|
+
- **Vision statement**: One sentence describing the desired future state
|
|
10
|
+
- **Mission**: How the company achieves that vision
|
|
11
|
+
- **Success metrics**: 3-5 measurable KPIs with target values and timeframes
|
|
12
|
+
- **Strategic milestones**: Ordered list of milestones that lead to the vision
|
|
13
|
+
- **Non-goals**: What the company explicitly does NOT do (prevents scope creep)
|
|
14
|
+
3. Create issues for the first milestone's deliverables:
|
|
15
|
+
- `POST /api/companies/{companyId}/issues` with milestone context. Include the active `projectId` (and `goalId` / `parentId` when applicable).
|
|
16
|
+
4. Share the vision doc with the team via daily notes
|
|
17
|
+
|
|
18
|
+
## Rules
|
|
19
|
+
|
|
20
|
+
- The vision must be specific enough to say "no" to distractions.
|
|
21
|
+
- Success metrics must be measurable — no vague aspirations.
|
|
22
|
+
- Milestones should be achievable in 1-2 sprint cycles each.
|
|
23
|
+
- Revisit and update when the company goal or market shifts significantly.
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# Skill: Vision Workshop — User Research Perspective
|
|
2
|
+
|
|
3
|
+
When the CEO is running the vision workshop, contribute the user-centered perspective.
|
|
4
|
+
|
|
5
|
+
## UX Contributions to Vision
|
|
6
|
+
|
|
7
|
+
Coordinate with the CEO on the vision by providing:
|
|
8
|
+
- **User validation**: Are the success metrics actually measurable from the user's perspective?
|
|
9
|
+
- **Journey mapping**: What does the user's journey look like from first contact to power user?
|
|
10
|
+
- **Metrics reality check**: Propose user-centered KPIs (retention, task completion, satisfaction)
|
|
11
|
+
- **Non-goals validation**: Are we correctly excluding things users don't need?
|
|
12
|
+
|
|
13
|
+
Document your research inputs in `docs/VISION.md` under a `## User Research Inputs` section.
|
|
14
|
+
|
|
15
|
+
## Rules
|
|
16
|
+
|
|
17
|
+
- Don't override the CEO's strategic decisions.
|
|
18
|
+
- Ground your contributions in user behavior insights.
|
|
19
|
+
- Propose measurable metrics, not aspirational ones.
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
# Company Vision
|
|
2
|
+
|
|
3
|
+
## Vision Statement
|
|
4
|
+
|
|
5
|
+
_One sentence describing the desired future state._
|
|
6
|
+
|
|
7
|
+
## Mission
|
|
8
|
+
|
|
9
|
+
_How the company achieves that vision._
|
|
10
|
+
|
|
11
|
+
## Success Metrics
|
|
12
|
+
|
|
13
|
+
| Metric | Target | Timeframe |
|
|
14
|
+
|--------|--------|-----------|
|
|
15
|
+
| _KPI_ | _Value_| _When_ |
|
|
16
|
+
|
|
17
|
+
## Strategic Milestones
|
|
18
|
+
|
|
19
|
+
1. **Milestone 1**: _Description_ — _Target date_
|
|
20
|
+
2. **Milestone 2**: _Description_ — _Target date_
|
|
21
|
+
3. **Milestone 3**: _Description_ — _Target date_
|
|
22
|
+
|
|
23
|
+
## Non-Goals
|
|
24
|
+
|
|
25
|
+
- _What the company explicitly does NOT do_
|
|
26
|
+
|
|
27
|
+
---
|
|
28
|
+
_Generated by Clipper. Fill in during vision-workshop task._
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "vision-workshop",
|
|
3
|
+
"description": "Clarifies company vision, success metrics, and strategic milestones. Creates the north star before any work begins.",
|
|
4
|
+
"capabilities": [],
|
|
5
|
+
"issues": [
|
|
6
|
+
{
|
|
7
|
+
"title": "Define company vision, success metrics, and strategic milestones",
|
|
8
|
+
"assignTo": "ceo",
|
|
9
|
+
"description": "Refine the company goal into a clear vision statement, define measurable success metrics, and establish strategic milestones. Document in docs/VISION.md. This becomes the north star for all downstream planning."
|
|
10
|
+
}
|
|
11
|
+
]
|
|
12
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
# Site Audit — Design & Content Perspective
|
|
2
|
+
|
|
3
|
+
You are responsible for auditing an existing website with a focus on visual design, content quality, and user experience. Your audit informs the relaunch design direction.
|
|
4
|
+
|
|
5
|
+
## Process
|
|
6
|
+
|
|
7
|
+
### Step 1: Discover all pages
|
|
8
|
+
|
|
9
|
+
Starting from the homepage, browse the site page by page. Use WebFetch (or Chrome if available) for each page. Build a complete URL inventory:
|
|
10
|
+
|
|
11
|
+
| URL | Title | Status | Page Type |
|
|
12
|
+
|-----|-------|--------|-----------|
|
|
13
|
+
| / | Home | 200 | landing |
|
|
14
|
+
|
|
15
|
+
Continue until the site is fully mapped.
|
|
16
|
+
|
|
17
|
+
### Step 2: Visual & layout analysis
|
|
18
|
+
|
|
19
|
+
For each page type, document:
|
|
20
|
+
- **Layout pattern** — grid structure, column count, content zones (hero, body, sidebar, CTA, footer)
|
|
21
|
+
- **Visual hierarchy** — heading sizes, spacing rhythm, how the eye flows down the page
|
|
22
|
+
- **Color usage** — primary, secondary, accent colors observed; background patterns; contrast quality
|
|
23
|
+
- **Typography** — font families (inspect source), size scale, weight usage, line heights
|
|
24
|
+
- **Imagery** — style (photography, illustration, icons), quality, consistency, sizing patterns
|
|
25
|
+
- **Component patterns** — recurring UI elements (cards, buttons, forms, nav bars, modals)
|
|
26
|
+
- **Responsive behavior** — how layouts adapt (if detectable from source/meta viewport)
|
|
27
|
+
|
|
28
|
+
### Step 3: Content assessment
|
|
29
|
+
|
|
30
|
+
For each page:
|
|
31
|
+
- **Content quality** — is copy clear, current, and on-brand? Flag outdated or placeholder content
|
|
32
|
+
- **Content structure** — heading hierarchy (H1 → H2 → H3), content length, scannability
|
|
33
|
+
- **Media inventory** — images with dimensions, videos, downloads; note missing alt text
|
|
34
|
+
- **CTAs** — what actions does each page drive? Are they clear and consistent?
|
|
35
|
+
- **Brand voice** — tone consistency across pages, alignment with brand positioning
|
|
36
|
+
|
|
37
|
+
### Step 4: UX observations
|
|
38
|
+
|
|
39
|
+
- **Navigation** — is the structure intuitive? Dead ends? Orphan pages?
|
|
40
|
+
- **User flows** — identify the primary journeys (e.g., homepage → product → contact)
|
|
41
|
+
- **Friction points** — broken links, confusing labels, inconsistent patterns
|
|
42
|
+
- **Accessibility** — heading hierarchy, image alt text, form labels, color contrast (visual estimate)
|
|
43
|
+
|
|
44
|
+
### Step 5: Migration recommendations
|
|
45
|
+
|
|
46
|
+
For each page, recommend:
|
|
47
|
+
- **Keep** — design and content are strong, migrate as-is
|
|
48
|
+
- **Redesign** — layout or visual treatment needs rethinking
|
|
49
|
+
- **Rewrite** — content is outdated or off-brand
|
|
50
|
+
- **Merge** — combine with another page
|
|
51
|
+
- **Drop** — no longer relevant
|
|
52
|
+
|
|
53
|
+
Note which visual patterns from the current site should be preserved vs. replaced in the new design.
|
|
54
|
+
|
|
55
|
+
## Output
|
|
56
|
+
|
|
57
|
+
Write the complete audit to `docs/SITE-AUDIT.md` with sections:
|
|
58
|
+
1. Page Inventory (table of all URLs with page type and status)
|
|
59
|
+
2. Visual Design Patterns (current color palette, typography, component library)
|
|
60
|
+
3. Content Assessment (quality, structure, and brand voice per page)
|
|
61
|
+
4. UX Observations (navigation, user flows, friction points)
|
|
62
|
+
5. Content Migration Plan (keep/redesign/rewrite/merge/drop per page)
|
|
63
|
+
6. Design Direction Notes (what to preserve, what to rethink, opportunities)
|
|
64
|
+
|
|
65
|
+
This document is the foundation for all relaunch planning.
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "website-relaunch",
|
|
3
|
+
"title": "Website Relaunch",
|
|
4
|
+
"description": "Audits the current site, ingests new designs, and plans a full website relaunch.",
|
|
5
|
+
"adapterOverrides": {
|
|
6
|
+
"chrome": true
|
|
7
|
+
},
|
|
8
|
+
"capabilities": [
|
|
9
|
+
{
|
|
10
|
+
"skill": "design-ingestion",
|
|
11
|
+
"owners": [
|
|
12
|
+
"ui-designer",
|
|
13
|
+
"engineer",
|
|
14
|
+
"ceo"
|
|
15
|
+
],
|
|
16
|
+
"fallbackSkill": null
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"skill": "site-audit",
|
|
20
|
+
"owners": [
|
|
21
|
+
"ui-designer",
|
|
22
|
+
"engineer",
|
|
23
|
+
"ceo"
|
|
24
|
+
],
|
|
25
|
+
"fallbackSkill": null
|
|
26
|
+
}
|
|
27
|
+
],
|
|
28
|
+
"issues": [
|
|
29
|
+
{
|
|
30
|
+
"title": "Technical site audit",
|
|
31
|
+
"assignTo": "engineer",
|
|
32
|
+
"description": "Crawl the current website and document the technical baseline:\n- Complete page inventory (every URL, status codes)\n- Navigation structure and sitemap\n- Tech stack and hosting (framework, CMS, CDN)\n- SEO baseline (meta tags, structured data, robots.txt, sitemap.xml)\n- Analytics and tracking scripts\n\nUse WebFetch or Chrome to access each page. Output: `docs/SITE-AUDIT.md`."
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"title": "Visual and UX audit of current website",
|
|
36
|
+
"assignTo": "capability:site-audit",
|
|
37
|
+
"description": "Audit the current website visually — design patterns, content quality, UX observations, accessibility. Follow the `site-audit` skill. Append to `docs/SITE-AUDIT.md` or create `docs/DESIGN-AUDIT.md`."
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"title": "Analyze design assets and create design spec",
|
|
41
|
+
"assignTo": "engineer",
|
|
42
|
+
"description": "Process all design files in the `designs/` directory. Follow the `design-ingestion` skill for the full process.\n\n**How to read design files:**\n- **PDFs:** Use the Read tool with the `pages` parameter (e.g., pages 1–5, then 6–10) to view each page visually. Do NOT use text extraction as primary method — design PDFs are visual artifacts.\n- **PNG/SVG/JPG:** Use the Read tool directly to view each image.\n- **Fallback for precise values:** Use `markitdown` or `docling` (install via pip) to supplement visual analysis with extracted metadata. Use `pdffonts` for embedded font names.\n\n**Extract:**\n1. Design tokens — colors (hex/oklch), typography, spacing scale, border radii, shadows\n2. Component inventory — recurring UI components\n3. Page layouts — grid system, responsive breakpoints\n4. Asset catalog — images, icons, illustrations\n\nOutput: `docs/DESIGN-SPEC.md` with all extracted tokens, components, and layouts."
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"title": "Technical site audit",
|
|
46
|
+
"description": "Crawl the current website and document the technical baseline:\n- Complete page inventory (every URL, status codes)\n- Navigation structure and sitemap\n- Content types per page (text, images, videos, downloads)\n- Tech stack and hosting (framework, CMS, CDN, response headers)\n- SEO baseline (meta tags, structured data, canonical URLs, robots.txt, sitemap.xml)\n- Analytics and tracking scripts\n- Performance baseline (page weight, render-blocking resources)\n\nUse WebFetch or Chrome to access each page. Output: `docs/SITE-AUDIT.md`.",
|
|
47
|
+
"priority": "high",
|
|
48
|
+
"assignTo": "engineer"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"title": "Visual and UX audit of current website",
|
|
52
|
+
"description": "Audit the current website from a design and user experience perspective. Use Chrome to browse the site visually. Follow the `site-audit` skill.\n\nFor each page type, document:\n- **Layout patterns** — grid structure, content zones, visual hierarchy\n- **Design tokens in use** — colors, typography, spacing, component patterns\n- **Content quality** — is copy clear, current, and on-brand? Flag outdated or placeholder content\n- **UX observations** — navigation intuitiveness, user flows, friction points, dead ends\n- **Accessibility** — heading hierarchy, image alt text, color contrast (visual estimate)\n\nFor each page, recommend: **keep** (design is strong), **redesign** (layout needs rethinking), **rewrite** (content is outdated), **merge**, or **drop**.\n\nAppend findings to `docs/SITE-AUDIT.md` under a 'Visual Design & UX' section, or create `docs/DESIGN-AUDIT.md` if the technical audit is already complete.",
|
|
53
|
+
"priority": "high",
|
|
54
|
+
"assignTo": "ui-designer"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"title": "Content audit of current website",
|
|
58
|
+
"description": "Crawl every page of the current website and audit the existing content to inform the redesign:\n\nFor each page, document:\n- **Content type** — hero copy, body text, testimonials, FAQs, CTAs, legal, blog posts\n- **Key messages** — what is the page trying to communicate? What value propositions are present?\n- **Content quality** — is the copy clear, current, and on-brand? Flag outdated, placeholder, or thin content\n- **Media assets** — images, videos, downloads — note which are reusable vs need replacement\n- **SEO content** — headings, meta descriptions, alt text — what's working, what's missing\n- **Gaps** — messaging that should exist but doesn't (e.g., missing social proof, no pricing clarity)\n\nFor each page, recommend a migration strategy:\n- **Keep** — content is strong, migrate as-is into the new design\n- **Rewrite** — message is right but copy needs updating for the new design/voice\n- **Merge** — overlapping content across pages, consolidate\n- **Drop** — no longer relevant, redirect or remove\n\nOutput: `docs/CONTENT-AUDIT.md` — this is a key input for the design handoff and content migration milestones.",
|
|
59
|
+
"priority": "high",
|
|
60
|
+
"assignTo": "engineer"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"title": "Create content inventory spreadsheet",
|
|
64
|
+
"description": "Based on the site audit and content review, create a structured content inventory:\n- Page URL, title, word count, images, last updated\n- Content status from review (keep / rewrite / merge / drop)\n- Content owner (if identifiable)\n- Migration priority: critical (homepage, key landing pages) vs secondary\n\nOutput: `docs/CONTENT-INVENTORY.md`.",
|
|
65
|
+
"priority": "high",
|
|
66
|
+
"assignTo": "ceo"
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"title": "Provide design assets",
|
|
70
|
+
"description": "Upload the design files from the external agency. Accepted formats:\n- **PDF** — design comps, style guides (will be visually analyzed page by page)\n- **PNG/SVG** — logos, icons, illustrations, page mockups\n- **ZIP** — archive containing any of the above\n- **URL** — link to a shared folder, Figma file, or hosted assets\n\nPlace files in the `designs/` directory of the project, or paste a download URL in a comment on this issue.\n\nThis issue blocks all implementation work.",
|
|
71
|
+
"priority": "critical",
|
|
72
|
+
"assignTo": "user"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"title": "Analyze design assets and create design spec",
|
|
76
|
+
"description": "Process all design files in the `designs/` directory. Follow the `design-ingestion` skill for the full process.\n\n**How to read design files:**\n- **PDFs:** Use the Read tool with the `pages` parameter (e.g., pages 1–5, then 6–10) to view each page visually. Do NOT use text extraction as primary method — design PDFs are visual artifacts.\n- **PNG/SVG/JPG:** Use the Read tool directly to view each image.\n- **Fallback for precise values:** Use `markitdown` or `docling` (install via pip) to supplement visual analysis with extracted metadata. Use `pdffonts` for embedded font names.\n\n**Extract:**\n1. Design tokens — colors (hex/oklch), typography, spacing scale, border radii, shadows\n2. Component inventory — recurring UI components\n3. Page layouts — grid system, responsive breakpoints\n4. Asset catalog — images, icons, illustrations\n\nOutput: `docs/DESIGN-SPEC.md` with all extracted tokens, components, and layouts.",
|
|
77
|
+
"priority": "critical",
|
|
78
|
+
"assignTo": "engineer"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"title": "Implement core page layouts",
|
|
82
|
+
"description": "Configure the project for the new design, then build the primary page templates:\n\n**Project setup:**\n- CSS/styling approach (Tailwind, CSS modules, etc.) configured with design tokens from `docs/DESIGN-SPEC.md`\n- Component library structure\n- Framework configuration matching design spec requirements\n\n**Core pages:**\n- Homepage\n- Key landing pages\n- Standard content page layout\n- Navigation (header, footer, mobile menu)\n\nApply design tokens (colors, typography, spacing) from the spec. Ensure responsive behavior matches the design breakpoints.",
|
|
83
|
+
"priority": "high",
|
|
84
|
+
"assignTo": "engineer"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"title": "Implement remaining pages and components",
|
|
88
|
+
"description": "Build all remaining pages and UI components identified in the design spec. Ensure consistent use of design tokens and component patterns. Include interactive elements (forms, accordions, modals) as specified.",
|
|
89
|
+
"priority": "medium",
|
|
90
|
+
"assignTo": "engineer"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"title": "Migrate content from old site",
|
|
94
|
+
"description": "Using the content inventory (`docs/CONTENT-INVENTORY.md`), migrate content to the new site:\n- Transfer text content, updating formatting for the new design\n- Download and optimize images from the old site\n- Preserve SEO-critical content (headings, meta descriptions, alt text)\n- Flag content marked for rewrite and create issues for each\n\nVerify no content is lost by cross-referencing the inventory.",
|
|
95
|
+
"priority": "high",
|
|
96
|
+
"assignTo": "engineer"
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"title": "Create URL redirect map",
|
|
100
|
+
"description": "Map every old URL to its new equivalent:\n- 1:1 redirects for pages that moved\n- Pattern-based redirects for structural changes\n- 410 Gone for intentionally removed pages\n- Verify no orphaned URLs (old pages with no redirect)\n\nOutput: redirect configuration file appropriate for the hosting platform. Test all redirects locally.",
|
|
101
|
+
"priority": "high",
|
|
102
|
+
"assignTo": "engineer"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"title": "Cross-browser testing and performance optimization",
|
|
106
|
+
"description": "Test across Chrome, Firefox, Safari, and mobile viewports. Optimize:\n- Image formats (WebP/AVIF with fallbacks)\n- Lazy loading for below-fold content\n- Font loading strategy (preload, swap)\n- Bundle size and code splitting\n- Core Web Vitals targets: LCP < 2.5s, CLS < 0.1, INP < 200ms",
|
|
107
|
+
"priority": "medium",
|
|
108
|
+
"assignTo": "engineer"
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"title": "Pre-launch checklist and go-live",
|
|
112
|
+
"description": "Final verification before launch:\n- [ ] All redirects configured and tested\n- [ ] DNS records updated (or ready to switch)\n- [ ] TLS/SSL certificate active\n- [ ] Analytics and tracking re-installed\n- [ ] robots.txt and sitemap.xml updated\n- [ ] Social meta tags (Open Graph, Twitter cards)\n- [ ] 404 page designed and implemented\n- [ ] Monitoring and alerting configured\n\nDeploy to production and verify with smoke test.",
|
|
113
|
+
"priority": "critical",
|
|
114
|
+
"assignTo": "engineer"
|
|
115
|
+
}
|
|
116
|
+
],
|
|
117
|
+
"routines": [
|
|
118
|
+
{
|
|
119
|
+
"title": "Broken link and redirect check",
|
|
120
|
+
"description": "Crawl the site and verify all internal links resolve, external links are reachable, and redirects from the old URL map return correct status codes.",
|
|
121
|
+
"schedule": "0 6 * * *",
|
|
122
|
+
"assignTo": "engineer"
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"title": "Performance and Core Web Vitals check",
|
|
126
|
+
"description": "Run Lighthouse or equivalent against key pages. Track LCP, CLS, and INP. Flag regressions against baseline.",
|
|
127
|
+
"schedule": "0 7 * * 1",
|
|
128
|
+
"assignTo": "engineer"
|
|
129
|
+
}
|
|
130
|
+
],
|
|
131
|
+
"goal": {
|
|
132
|
+
"title": "Website Relaunch",
|
|
133
|
+
"description": "Relaunch an existing website with a new design. Audit the current site, ingest design assets from an external agency, implement the new design, migrate content, and go live.",
|
|
134
|
+
"project": true,
|
|
135
|
+
"subgoals": [
|
|
136
|
+
{
|
|
137
|
+
"id": "discovery",
|
|
138
|
+
"title": "Discovery & audit",
|
|
139
|
+
"level": "team",
|
|
140
|
+
"description": "Audit the current website — document page structure, content inventory, navigation, tech stack, and SEO baseline. Identify what to keep, migrate, or drop. A site audit document exists with page inventory, content map, tech stack notes, and migration decisions."
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"id": "design-handoff",
|
|
144
|
+
"title": "Design handoff",
|
|
145
|
+
"level": "team",
|
|
146
|
+
"description": "Receive and process design assets from the external agency. Extract color palette, typography, component patterns, layout structure, and responsive breakpoints. Design spec document exists with extracted tokens (colors, fonts, spacing), component inventory, and page layouts documented."
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"id": "implementation",
|
|
150
|
+
"title": "Implementation",
|
|
151
|
+
"level": "team",
|
|
152
|
+
"description": "Build the new site from the design spec. Set up the project, implement components, integrate content, and ensure responsive behavior. All pages from the design are implemented, responsive, and content is integrated. Local dev environment shows the complete site."
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"id": "content-migration",
|
|
156
|
+
"title": "Content migration",
|
|
157
|
+
"level": "team",
|
|
158
|
+
"description": "Migrate content from the old site to the new structure. Set up redirects for changed URLs. Verify no content is lost. All content from the old site is present in the new site. Redirect map covers all changed URLs. No broken internal links."
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"id": "qa-launch",
|
|
162
|
+
"title": "QA & launch",
|
|
163
|
+
"level": "team",
|
|
164
|
+
"description": "Cross-browser testing, accessibility audit, performance optimization, SEO verification, and go-live. Site passes accessibility audit, loads under 3s, all redirects work, DNS is configured, and site is live."
|
|
165
|
+
}
|
|
166
|
+
]
|
|
167
|
+
}
|
|
168
|
+
}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
# Design Asset Ingestion
|
|
2
|
+
|
|
3
|
+
You are responsible for processing design assets provided by an external agency and producing a structured design specification that the engineering team can implement from.
|
|
4
|
+
|
|
5
|
+
## Input Sources
|
|
6
|
+
|
|
7
|
+
Design assets may arrive in any of these forms:
|
|
8
|
+
|
|
9
|
+
| Source | Action |
|
|
10
|
+
|--------|--------|
|
|
11
|
+
| Files in `designs/` directory | Scan directory recursively |
|
|
12
|
+
| ZIP archive in `designs/` | Extract with `unzip`, then scan |
|
|
13
|
+
| URL in issue comment or description | Download with WebFetch, save to `designs/` |
|
|
14
|
+
| GitHub repository link | Clone to `designs/` |
|
|
15
|
+
|
|
16
|
+
## How to Read Design Files
|
|
17
|
+
|
|
18
|
+
**Every file must be analyzed visually, not as text.** Design PDFs contain visual comps, mockups, and style guides — you need to *see* each page.
|
|
19
|
+
|
|
20
|
+
### Reading PDFs (visual analysis)
|
|
21
|
+
|
|
22
|
+
Use the **Read tool** with the `pages` parameter to view PDF pages as images:
|
|
23
|
+
|
|
24
|
+
1. First, read pages 1–5 to understand the document scope
|
|
25
|
+
2. Continue in batches of up to 20 pages until you've seen every page
|
|
26
|
+
3. For large PDFs (50+ pages), first read pages 1–3 to identify the table of contents or structure, then target the most relevant sections
|
|
27
|
+
|
|
28
|
+
**Important:** Do NOT use text extraction tools (pdftotext, pdfgrep) as primary analysis — design PDFs are visual artifacts. Colors, spacing, typography, and layout can only be determined by looking at the pages.
|
|
29
|
+
|
|
30
|
+
### Reading images (PNG, SVG, JPG)
|
|
31
|
+
|
|
32
|
+
Use the **Read tool** directly — it displays images visually. Read each mockup, icon, and illustration file individually.
|
|
33
|
+
|
|
34
|
+
### Fallback: CLI extraction tools
|
|
35
|
+
|
|
36
|
+
If visual analysis is insufficient for precise values (exact hex codes, font names embedded in metadata), use CLI tools as a supplement:
|
|
37
|
+
|
|
38
|
+
```bash
|
|
39
|
+
# markitdown — converts PDF/images to structured markdown (pip install markitdown)
|
|
40
|
+
markitdown designs/styleguide.pdf > /tmp/styleguide-extracted.md
|
|
41
|
+
|
|
42
|
+
# Or docling — structured document extraction (pip install docling)
|
|
43
|
+
docling designs/styleguide.pdf --output /tmp/
|
|
44
|
+
|
|
45
|
+
# For embedded font names
|
|
46
|
+
pdffonts designs/styleguide.pdf
|
|
47
|
+
|
|
48
|
+
# For color profiles / metadata
|
|
49
|
+
exiftool designs/styleguide.pdf
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
Install these tools if not available (`pip install markitdown` or `pip install docling`). Use extracted text/metadata to **supplement** your visual analysis, not replace it.
|
|
53
|
+
|
|
54
|
+
## Design Analysis Process
|
|
55
|
+
|
|
56
|
+
### Step 1: Catalog all assets
|
|
57
|
+
|
|
58
|
+
Scan the `designs/` directory and list every file with:
|
|
59
|
+
- File path, format, dimensions
|
|
60
|
+
- Content description (what the file shows)
|
|
61
|
+
- Category: page mockup, component detail, icon, illustration, photo, style guide
|
|
62
|
+
|
|
63
|
+
### Step 2: Extract design tokens
|
|
64
|
+
|
|
65
|
+
From the visual analysis, extract:
|
|
66
|
+
|
|
67
|
+
**Colors** — every distinct color used, with hex values. Group by role:
|
|
68
|
+
- Primary, secondary, accent
|
|
69
|
+
- Background, surface, border
|
|
70
|
+
- Text colors (heading, body, muted)
|
|
71
|
+
- Semantic (success, warning, error, info)
|
|
72
|
+
|
|
73
|
+
**Typography** — identify all font families, sizes, weights, and line heights:
|
|
74
|
+
- Headings (h1–h6)
|
|
75
|
+
- Body text, small text, captions
|
|
76
|
+
- Button text, nav links, labels
|
|
77
|
+
|
|
78
|
+
**Spacing** — identify the spacing scale (margins, padding, gaps between elements)
|
|
79
|
+
|
|
80
|
+
**Other tokens** — border radii, shadows, transitions, breakpoints
|
|
81
|
+
|
|
82
|
+
### Step 3: Component inventory
|
|
83
|
+
|
|
84
|
+
Identify every recurring UI pattern:
|
|
85
|
+
- Navigation (header, footer, sidebar, mobile menu)
|
|
86
|
+
- Buttons (variants: primary, secondary, ghost, sizes)
|
|
87
|
+
- Cards, tiles, list items
|
|
88
|
+
- Forms (inputs, selects, checkboxes, textareas)
|
|
89
|
+
- Modals, drawers, tooltips
|
|
90
|
+
- Hero sections, CTAs, testimonials
|
|
91
|
+
- Media (image containers, galleries, video embeds)
|
|
92
|
+
|
|
93
|
+
For each component, document: visual appearance, states (hover, active, disabled), responsive behavior.
|
|
94
|
+
|
|
95
|
+
### Step 4: Page layouts
|
|
96
|
+
|
|
97
|
+
For each distinct page design:
|
|
98
|
+
- Grid structure (columns, max-width, gutters)
|
|
99
|
+
- Section ordering and spacing
|
|
100
|
+
- Responsive breakpoints and layout shifts
|
|
101
|
+
- Content zones (where text, images, and CTAs go)
|
|
102
|
+
|
|
103
|
+
## Output
|
|
104
|
+
|
|
105
|
+
Write the complete specification to `docs/DESIGN-SPEC.md` with sections:
|
|
106
|
+
1. Design Tokens (colors, typography, spacing, etc.)
|
|
107
|
+
2. Component Library (each component with description and states)
|
|
108
|
+
3. Page Layouts (each page with structure and responsive notes)
|
|
109
|
+
4. Asset Inventory (list of images, icons, illustrations to use)
|
|
110
|
+
|
|
111
|
+
This document is the single source of truth for implementation.
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# Site Audit
|
|
2
|
+
|
|
3
|
+
You are responsible for auditing an existing website and producing a structured report that informs the relaunch.
|
|
4
|
+
|
|
5
|
+
## Process
|
|
6
|
+
|
|
7
|
+
### Step 1: Discover all pages
|
|
8
|
+
|
|
9
|
+
Starting from the homepage, crawl the site by following internal links. Use WebFetch for each page. Build a complete URL inventory:
|
|
10
|
+
|
|
11
|
+
| URL | Title | Status | Content Type |
|
|
12
|
+
|-----|-------|--------|-------------|
|
|
13
|
+
| / | Home | 200 | landing |
|
|
14
|
+
|
|
15
|
+
Continue until no new internal links are found or the site is fully mapped.
|
|
16
|
+
|
|
17
|
+
### Step 2: Document structure
|
|
18
|
+
|
|
19
|
+
For each page, record:
|
|
20
|
+
- **Navigation** — header, footer, sidebar links; how they change across pages
|
|
21
|
+
- **Content zones** — hero, body, sidebar, CTA sections
|
|
22
|
+
- **Content types** — text blocks, images, videos, downloads, embedded widgets
|
|
23
|
+
- **Word count** — approximate content volume
|
|
24
|
+
- **Images** — count, formats, approximate dimensions, alt text presence
|
|
25
|
+
|
|
26
|
+
### Step 3: Technical analysis
|
|
27
|
+
|
|
28
|
+
- **Tech stack** — framework, CMS, hosting provider (check response headers, source HTML, meta generators)
|
|
29
|
+
- **Performance** — page weight, number of requests, render-blocking resources
|
|
30
|
+
- **SEO baseline** — meta titles, descriptions, Open Graph tags, structured data (JSON-LD), canonical URLs, robots.txt, sitemap.xml
|
|
31
|
+
- **Analytics** — identify tracking scripts (Google Analytics, Tag Manager, etc.)
|
|
32
|
+
- **Accessibility quick check** — heading hierarchy, image alt text, form labels, color contrast (visual estimate)
|
|
33
|
+
|
|
34
|
+
### Step 4: Migration assessment
|
|
35
|
+
|
|
36
|
+
For each page, recommend one of:
|
|
37
|
+
- **Keep** — content is current and valuable, migrate as-is
|
|
38
|
+
- **Rewrite** — content is outdated or needs restructuring
|
|
39
|
+
- **Merge** — combine with another page
|
|
40
|
+
- **Drop** — no longer relevant
|
|
41
|
+
|
|
42
|
+
Flag any external integrations (forms, payment, chat widgets) that need replacement or re-integration.
|
|
43
|
+
|
|
44
|
+
## Output
|
|
45
|
+
|
|
46
|
+
Write the complete audit to `docs/SITE-AUDIT.md` with sections:
|
|
47
|
+
1. Page Inventory (table of all URLs with metadata)
|
|
48
|
+
2. Site Structure (navigation, information architecture)
|
|
49
|
+
3. Technical Stack (framework, hosting, integrations)
|
|
50
|
+
4. SEO Baseline (current meta tags, structured data, sitemap status)
|
|
51
|
+
5. Content Migration Plan (keep/rewrite/merge/drop decisions per page)
|
|
52
|
+
6. Risk Register (broken links, missing redirects, integration dependencies)
|
|
53
|
+
|
|
54
|
+
This document is the foundation for all relaunch planning.
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "build-api",
|
|
3
|
+
"description": "Design and implement a REST API from schema to documentation. Data modeling, endpoint implementation, authentication, and auto-generated API docs.",
|
|
4
|
+
"constraints": [],
|
|
5
|
+
"modules": [
|
|
6
|
+
"build-api",
|
|
7
|
+
"github-repo",
|
|
8
|
+
"backlog",
|
|
9
|
+
"auto-assign",
|
|
10
|
+
"ci-cd",
|
|
11
|
+
"stall-detection"
|
|
12
|
+
],
|
|
13
|
+
"roles": [
|
|
14
|
+
"engineer"
|
|
15
|
+
]
|
|
16
|
+
}
|