plannar
CommunityTurn agent plans into skimmable MDX
Content & Communication#planning#documentation#mdx#shadcn-ui#developer-experience#interactive-preview
Authorethan-krich
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Plannar helps teams produce plans that people actually read by turning long, agent-written markdown into structured, interactive MDX with shadcn/ui components and Playground previews.
Core Features & Use Cases
- MDX plan authoring workflow: Produces plan documents as MDX files saved to
.plannar/plans/, with the agent editing only that directory. - Skimmable structure with shadcn components: Uses Tabs, Accordion, and Cards to organize “what” vs “why” and reduce token-heavy walls of text.
- Interactive UI validation via Playground: Embeds interactive previews using
<Playground>withbindstate wiring and documented binding rules, without wiring previews to real APIs. - End-to-end planning phases: Guides the full flow—Understand in parallel Explore agents, Design with one or multiple Plan agents, Review validation, then Present the final MDX output.
Quick Start
Ask the agent for a plan by saying: Use plannar to write an MDX plan for the following task, and save it to .plannar/plans/ with Tabs, Cards, and any necessary Playground previews.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: plannar Download link: https://github.com/ethan-krich/plannar/archive/main.zip#plannar Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.