work-ask-reply-in-full-before-after-artifactlisted
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