Artifact Templates — create-website skill

Skeletons this metaskill creates in the user's docs/ folder.

by wondelai·MIT license·★ 2,235 Stars on the repo·GitHub ↗

Use now

Files of Artifact Templates — create-website

wondelai/main1 file
artifact-templates.md
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 
3Skeletons 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```markdown
8# Create Website Plan
9 
10## Context
11Intake 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 | |
26Statuses: 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 
38Created in Phase 1; `## Nurture Sequences` extended in Phase 9.
39 
40```markdown
41# Marketing
42 
43## Target Market & Avatar
44PVP 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
59Roles, sequences, qualification, handoff.
60 
61## Referral & Invite Mechanics
62 
63## Nurture Sequences
64```
65 
66## docs/POSITIONING.md
67 
68Created 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```markdown
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
82Choice (existing / subcategory / new) and rationale.
83 
84## One-Liner
85 
86## Brand Script (StoryBrand)
87Character · 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 
96Created 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```markdown
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
119Scorecard/quiz funnel design.
120```
121 
122## docs/DESIGN.md
123 
124Created in Phase 4 (Design Direction); Typography added in Phase 5, Tokens + Components in Phase 6, UX Audit Findings in Phase 7.
125 
126```markdown
127# Design System
128 
129## Design Direction
130Signature moment, personality, references.
131 
132## Typography
133Typefaces, scale, measure, line height, loading strategy.
134 
135## Tokens
136Spacing 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