From d866d756e8e8a1b7c083995fc91f641f3c0ca745 Mon Sep 17 00:00:00 2001 From: Michael Ramos Date: Sun, 2 Aug 2026 14:46:10 -0700 Subject: [PATCH 1/2] docs: link HTML wireframes guide --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 748055d..c1386ab 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,8 @@ Focused agent skills for creating useful, self-contained HTML artifacts, from low-fidelity wireframes to working interactive prototypes. +Read [HTML Wireframes and Prototypes for Coding Agents](https://docs.plannotator.ai/learn/code-context/html-wireframes-and-prototypes-for-coding-agents) for a practical guide to choosing the right level of fidelity, giving an agent useful context, and reviewing the result. + ## Fat artifacts + fat context A **fat artifact** carries the working detail: structure, visuals, states, From 38918c0b292f1bb71a039220d8c60d3452d6771a Mon Sep 17 00:00:00 2001 From: Michael Ramos Date: Sun, 2 Aug 2026 14:52:34 -0700 Subject: [PATCH 2/2] docs: move wireframes guide below skills --- README.md | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/README.md b/README.md index c1386ab..baf34e2 100644 --- a/README.md +++ b/README.md @@ -6,8 +6,6 @@ Focused agent skills for creating useful, self-contained HTML artifacts, from low-fidelity wireframes to working interactive prototypes. -Read [HTML Wireframes and Prototypes for Coding Agents](https://docs.plannotator.ai/learn/code-context/html-wireframes-and-prototypes-for-coding-agents) for a practical guide to choosing the right level of fidelity, giving an agent useful context, and reviewing the result. - ## Fat artifacts + fat context A **fat artifact** carries the working detail: structure, visuals, states, @@ -46,8 +44,7 @@ The repo includes six optional skills for pragmatic visual artifacts. | [`html-plan`](skills/html-plan/SKILL.md) | Plans, roadmaps, rollouts, and implementation sequences that preserve source commitments | | [`html-diagram`](skills/html-diagram/SKILL.md) | Architecture, sequence, process, state, hierarchy, timeline, and system diagrams | - - +Practical guide: [HTML Wireframes and Prototypes for Coding Agents](https://docs.plannotator.ai/learn/code-context/html-wireframes-and-prototypes-for-coding-agents). ## Install