artifact-plan

Forward-looking planning artifacts. Three closely related shapes: the implementation plan (one approach laid out in milestones), the comparison sheet (multiple approaches weighed side-by-side), and the roadmap (longer horizon, multiple workstreams, dates and risks).

Read artifact-css/SKILL.md first for the design system, the page skeleton, the token reference, and the optional jQuery interactivity layer. This skill does NOT use jQuery — every plan template is pure HTML and CSS.

Three subtypes

Subtype	Template	Use when
Implementation plan	`templates/implementation-plan.html`	One approach already chosen. Break it into milestones, ordered, with clear owners, dates, risks, open questions.
Comparison sheet	`templates/comparison-sheet.html`	Decision still open. Two or three approaches need side-by-side weighing on cost, complexity, risk, and time-to-value.
Roadmap	`templates/roadmap.html`	Longer horizon (quarter to year). Multiple workstreams. Date-driven commitments + softer "looking into" items.

If the user's request doesn't match cleanly, start from the implementation plan template and adapt.

Anatomy of an implementation plan

Every implementation plan is built from seven blocks. Use this order.