← ClaudeAtlas

work-ask-reply-in-full-before-after-artifactlisted

When Simon is lost on what a reply means, or is weighing several options to decide among, answer with an INTERACTIVE decision ARTIFACT instead of chat prose: a plain-English explainer plus a BEFORE and AFTER preview and a verdict per option, grouped into sections. Every card and section is SELECTABLE with a COMMENT box, and Simon can PICK the items he wants and hand back exactly what he selected and commented (a copy-paste block, or a submit button when the runtime allows). Use for "I don't know what you're talking about", "explain this so I can decide", "give me the before/after", "make it selectable", or an explicit /sk:work-ask-reply-in-full-before-after-artifact.
skowalskidev/dotclaude · ★ 2 · AI & Automation · score 75
Install: claude install-skill skowalskidev/dotclaude
# Reply as an interactive before/after decision artifact Use when Simon can't tell what a reply means, or when a reply offers several options or changes he has to choose among. Answer with a BUILT artifact he reads, selects from, and comments on, not a wall of chat prose. Reference format: the "Borrowed Parts" artifact (explainer + before/after + verdict cards). ## Build it DO apply the visual craft directly — no separate design skill to load: theme-aware light+dark, self-contained (all CSS/JS inline), real content never lorem. The copy-paste response block (below) is the default, always-available path; a submit-to-chat button is added only when the runtime is already known to support a post-back to chat (see § Submit-to-chat). Structure every thing under discussion as a CARD, grouped into SECTIONS (tiers): - **What it does** — FIRST, a plain-English explainer that assumes Simon does NOT know the jargon. - **Before / After** — where a change is involved, the current state beside a concrete preview snippet of the change (real config or code, side by side). Omit for a card that is pure explanation. - **Verdict / why** — one line: the call and the reason. ## Make it selectable — a CHOICE is a radio, an INCLUDE is a checkbox (checked by default) Two different decisions look identical if you give them the same control, and Simon has confused them. Give each its own: - **A CHOICE among mutually-exclusive options (pick ONE — option A vs B vs C)** → RADIO buttons in a named g