Convert agent-produced planning content into interactive MDX documents with shadcn/ui components.
npx skills add https://github.com/ethan-krich/plannar --skill plannar
Please help me install this Agent Skill. Skill: plannar Source: https://github.com/ethan-krich/plannar/tree/main/skills/plannar Command: npx skills add https://github.com/ethan-krich/plannar --skill plannar
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.
.plannar/plans/, with the agent editing only that directory.<Playground> with bind state wiring and documented binding rules, without wiring previews to real APIs.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.
High-intent search queries and answers about installing and using this skill.
You convert agent-generated planning content into readable MDX documentation by structuring markdown into interactive files using shadcn/ui components like Tabs, Accordion, and Cards. This organizes what versus why to reduce text walls.
The best way to structure design docs and proposals for team consumption is applying interactive MDX formatting. Using Tabs and Accordion components separates sections like implementation breakdowns, making long plans skimmable instead of token-heavy text walls.
You add interactive UI previews to MDX files by embedding a Playground component with bind state wiring. This uses documented binding rules and safe mocked previews to validate UI ideas without wiring to real APIs.
Yes, you can use shadcn/ui components to organize implementation breakdowns in MDX. Tabs, Accordion, and Cards structure validated UI preview ideas and implementation breakdowns, reducing walls of text into skimmable sections.
A key limitation of using interactive MDX for agent planning workflows is directory restriction; the agent edits only the .plannar/plans/ directory. Additionally, embedded Playground previews must use mocked rules and cannot wire to real APIs.
IAmKongHaiGenerates and deepens structured plans for complex tasks like software development and research workflows.
Thanh-aperoBuild and deploy interactive documentation sites from Markdown/MDX files.
idealjsCreate Next.js MDX/TSX component demo pages with variants and visual regression tests.
revfactoryRead, parse, and convert HWP/HWPX documents to Markdown or other formats.