ThibautBaissac

Plan Artifact — Design skill for Claude Code

Design community

Creates one polished, self-contained HTML artifact from a plan, PRD, roadmap, strategy, migration, rollout, research, operations, or implementation proposal.

How to install Plan Artifact

Installs to ~/.claude/commands/thibautbaissac-rails_ai_agents-plan-artifact.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/ThibautBaissac/rails_ai_agents/HEAD/.claude/commands/plan-artifact.md -o ~/.claude/commands/thibautbaissac-rails_ai_agents-plan-artifact.md

Restart Claude Code, or start a new session, for it to be picked up.

What Plan Artifact does

name: plan-artifact argument-hint: description: Creates one polished, self-contained HTML artifact from a plan, PRD, roadmap, strategy, migration, rollout, research, operations, or implementation proposal. Use when the user asks for a visual plan explanation, walkthrough, artifact, or presentation.

Presenting Plans

Create one unique, self-contained HTML artifact that helps the plan's intended audience understand what is being planned, why it matters, how it will likely un

Alternatives in Design

Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Part 3 — Technical Design Document Generator — I'll help you create a Technical Design Document for your MVP 2.1k ★