Files of Artifact Templates — create-website
wondelai/
Show the full text150 lines
Artifact Templates — create-website
Skeletons this metaskill creates in the user's docs/ folder. Extend-only artifacts (CUSTOMER.md, EXPERIMENTS.md) are governed by the section headings named in each phase — read them before writing and preserve everyone else's sections.
docs/CREATE-WEBSITE-PLAN.md (tracker)
# Create Website Plan
## Context
Intake answers, date started, project specifics.
## Phase Status
| Phase | Skill | Status | Artifact | Date |
|---|---|---|---|---|
| 1 | one-page-marketing | pending | MARKETING.md, CUSTOMER.md | |
| 2 | storybrand-messaging | pending | POSITIONING.md, WEBSITE.md | |
| 3 | made-to-stick | pending | POSITIONING.md, WEBSITE.md | |
| 4 | top-design | pending | DESIGN.md | |
| 5 | web-typography | pending | DESIGN.md | |
| 6 | refactoring-ui | pending | DESIGN.md | |
| 7 | ux-heuristics | pending | DESIGN.md | |
| 8 | cro-methodology | pending | WEBSITE.md, EXPERIMENTS.md | |
| 9 | scorecard-marketing | pending | WEBSITE.md, MARKETING.md | |
| 10 | steve-jobs-design-review | pending | WEBSITE.md | |
Statuses: pending · in-progress · awaiting-evidence · done · deferred: <reason> · skipped: <reason>
## Key Decisions
| Date | Phase | Decision | Rationale |
|---|---|---|---|
## Next Actions
- [ ] action (owner, due)
docs/MARKETING.md
Created in Phase 1; ## Nurture Sequences extended in Phase 9.
# Marketing
## Target Market & Avatar
PVP niche choice · one-paragraph avatar.
## Before / During / After Grid
| Phase | Square | Current state | Plan |
|---|---|---|---|
## Channels
| Channel | Approach | Owner | Status |
|---|---|---|---|
## Word-of-Mouth (STEPPS)
| Lever | Idea | Status |
|---|---|---|
## Outbound Process
Roles, sequences, qualification, handoff.
## Referral & Invite Mechanics
## Nurture Sequences
docs/POSITIONING.md
Created in Phase 2 (Brand Script, One-Liner, Key Messages). If the optional obviously-awesome phase runs first, it creates the file with the canvas sections above the messaging ones.
# Positioning & Messaging
## Competitive Alternatives
## Unique Attributes → Value Themes
| Attribute | Value ("so what") | Proof |
|---|---|---|
## Best-Fit Customer
## Market Category
Choice (existing / subcategory / new) and rationale.
## One-Liner
## Brand Script (StoryBrand)
Character · Problem (external/internal/philosophical) · Guide · Plan · Call to action · Failure · Success.
## Key Messages
| Surface | Message | Status |
|---|---|---|
docs/WEBSITE.md
Created in Phase 2 (Sitemap, Page Briefs); Conversion Elements added in Phase 8, Lead Capture in Phase 9, Audit Findings in Phases 7 and 10.
# Website
## Sitemap
## Page Briefs
### / (home)
- Purpose & primary conversion action:
- Message (from POSITIONING.md):
- CTA (direct + transitional):
- Copy blocks:
## Conversion Elements
| Objection (Big 5) | Counter | Placement | Status |
|---|---|---|---|
## Audit Findings
| Issue | Severity (0-4) | Fix | Status |
|---|---|---|---|
## Lead Capture
Scorecard/quiz funnel design.
docs/DESIGN.md
Created in Phase 4 (Design Direction); Typography added in Phase 5, Tokens + Components in Phase 6, UX Audit Findings in Phase 7.
# Design System
## Design Direction
Signature moment, personality, references.
## Typography
Typefaces, scale, measure, line height, loading strategy.
## Tokens
Spacing scale · color palette (shades, tinted grays) · shadows.
## Components
| Component | Decision | Status |
|---|---|---|
## UX Audit Findings
| Issue | Heuristic | Severity (0-4) | Fix | Status |
|---|---|---|---|---|
## Microinteraction Inventory
| Interaction | Trigger/Rules/Feedback/Loops | Fix | Status |
|---|---|---|---|
| 1 | # Artifact Templates — create-website |
| 2 | |
| 3 | Skeletons this metaskill creates in the user's docs/ folder. Extend-only artifacts (CUSTOMER.md, EXPERIMENTS.md) are governed by the section headings named in each phase — read them before writing and preserve everyone else's sections. |
| 4 | |
| 5 | ## docs/CREATE-WEBSITE-PLAN.md (tracker) |
| 6 | |
| 7 | |
| 8 | # Create Website Plan |
| 9 | |
| 10 | ## Context |
| 11 | Intake answers, date started, project specifics. |
| 12 | |
| 13 | ## Phase Status |
| 14 | | Phase | Skill | Status | Artifact | Date | |
| 15 | |---|---|---|---|---| |
| 16 | | 1 | one-page-marketing | pending | MARKETING.md, CUSTOMER.md | | |
| 17 | | 2 | storybrand-messaging | pending | POSITIONING.md, WEBSITE.md | | |
| 18 | | 3 | made-to-stick | pending | POSITIONING.md, WEBSITE.md | | |
| 19 | | 4 | top-design | pending | DESIGN.md | | |
| 20 | | 5 | web-typography | pending | DESIGN.md | | |
| 21 | | 6 | refactoring-ui | pending | DESIGN.md | | |
| 22 | | 7 | ux-heuristics | pending | DESIGN.md | | |
| 23 | | 8 | cro-methodology | pending | WEBSITE.md, EXPERIMENTS.md | | |
| 24 | | 9 | scorecard-marketing | pending | WEBSITE.md, MARKETING.md | | |
| 25 | | 10 | steve-jobs-design-review | pending | WEBSITE.md | | |
| 26 | Statuses: pending · in-progress · awaiting-evidence · done · deferred: <reason> · skipped: <reason> |
| 27 | |
| 28 | ## Key Decisions |
| 29 | | Date | Phase | Decision | Rationale | |
| 30 | |---|---|---|---| |
| 31 | |
| 32 | ## Next Actions |
| 33 | - [ ] action (owner, due) |
| 34 | |
| 35 | |
| 36 | ## docs/MARKETING.md |
| 37 | |
| 38 | Created in Phase 1; `## Nurture Sequences` extended in Phase 9. |
| 39 | |
| 40 | |
| 41 | # Marketing |
| 42 | |
| 43 | ## Target Market & Avatar |
| 44 | PVP niche choice · one-paragraph avatar. |
| 45 | |
| 46 | ## Before / During / After Grid |
| 47 | | Phase | Square | Current state | Plan | |
| 48 | |---|---|---|---| |
| 49 | |
| 50 | ## Channels |
| 51 | | Channel | Approach | Owner | Status | |
| 52 | |---|---|---|---| |
| 53 | |
| 54 | ## Word-of-Mouth (STEPPS) |
| 55 | | Lever | Idea | Status | |
| 56 | |---|---|---| |
| 57 | |
| 58 | ## Outbound Process |
| 59 | Roles, sequences, qualification, handoff. |
| 60 | |
| 61 | ## Referral & Invite Mechanics |
| 62 | |
| 63 | ## Nurture Sequences |
| 64 | |
| 65 | |
| 66 | ## docs/POSITIONING.md |
| 67 | |
| 68 | Created in Phase 2 (Brand Script, One-Liner, Key Messages). If the optional obviously-awesome phase runs first, it creates the file with the canvas sections above the messaging ones. |
| 69 | |
| 70 | |
| 71 | # Positioning & Messaging |
| 72 | |
| 73 | ## Competitive Alternatives |
| 74 | |
| 75 | ## Unique Attributes → Value Themes |
| 76 | | Attribute | Value ("so what") | Proof | |
| 77 | |---|---|---| |
| 78 | |
| 79 | ## Best-Fit Customer |
| 80 | |
| 81 | ## Market Category |
| 82 | Choice (existing / subcategory / new) and rationale. |
| 83 | |
| 84 | ## One-Liner |
| 85 | |
| 86 | ## Brand Script (StoryBrand) |
| 87 | Character · Problem (external/internal/philosophical) · Guide · Plan · Call to action · Failure · Success. |
| 88 | |
| 89 | ## Key Messages |
| 90 | | Surface | Message | Status | |
| 91 | |---|---|---| |
| 92 | |
| 93 | |
| 94 | ## docs/WEBSITE.md |
| 95 | |
| 96 | Created in Phase 2 (Sitemap, Page Briefs); Conversion Elements added in Phase 8, Lead Capture in Phase 9, Audit Findings in Phases 7 and 10. |
| 97 | |
| 98 | |
| 99 | # Website |
| 100 | |
| 101 | ## Sitemap |
| 102 | |
| 103 | ## Page Briefs |
| 104 | ### / (home) |
| 105 | - Purpose & primary conversion action: |
| 106 | - Message (from POSITIONING.md): |
| 107 | - CTA (direct + transitional): |
| 108 | - Copy blocks: |
| 109 | |
| 110 | ## Conversion Elements |
| 111 | | Objection (Big 5) | Counter | Placement | Status | |
| 112 | |---|---|---|---| |
| 113 | |
| 114 | ## Audit Findings |
| 115 | | Issue | Severity (0-4) | Fix | Status | |
| 116 | |---|---|---|---| |
| 117 | |
| 118 | ## Lead Capture |
| 119 | Scorecard/quiz funnel design. |
| 120 | |
| 121 | |
| 122 | ## docs/DESIGN.md |
| 123 | |
| 124 | Created in Phase 4 (Design Direction); Typography added in Phase 5, Tokens + Components in Phase 6, UX Audit Findings in Phase 7. |
| 125 | |
| 126 | |
| 127 | # Design System |
| 128 | |
| 129 | ## Design Direction |
| 130 | Signature moment, personality, references. |
| 131 | |
| 132 | ## Typography |
| 133 | Typefaces, scale, measure, line height, loading strategy. |
| 134 | |
| 135 | ## Tokens |
| 136 | Spacing scale · color palette (shades, tinted grays) · shadows. |
| 137 | |
| 138 | ## Components |
| 139 | | Component | Decision | Status | |
| 140 | |---|---|---| |
| 141 | |
| 142 | ## UX Audit Findings |
| 143 | | Issue | Heuristic | Severity (0-4) | Fix | Status | |
| 144 | |---|---|---|---|---| |
| 145 | |
| 146 | ## Microinteraction Inventory |
| 147 | | Interaction | Trigger/Rules/Feedback/Loops | Fix | Status | |
| 148 | |---|---|---|---| |
| 149 | |
| 150 |
Discussion
Browse more free Claude skills.