.agents/skills/writing-plans/SKILL.md
Beginner-first implementation planning from an approved design. Use after brainstorming, or when the user already approved requirements and wants a step-by-step Laravel implementation plan before coding.
npx skillsauth add phant-app/phant writing-plansInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Turn an approved idea into a practical, beginner-friendly implementation plan.
Use this exact question:
"Where should I save your implementation plan? Press Enter for docs/plans/, or share another folder/path."
If the user presses Enter, default to docs/plans/.
Suggested filename format:
YYYY-MM-DD-<topic>-implementation-plan.md
Always respond using these sections:
Goal in simple termsPlan strategyStep-by-step tasksWorkflow and whyVerification checkpointsPlan file pathReview before codingThis planning session is complete only when:
After saving the plan, offer both execution modes:
"Plan complete and saved. Choose your execution style:\n1) subagent-driven-development (same session, task-by-task)\n2) executing-plans (separate session, batch checkpoints)"
If the user chooses option 1:
subagent-driven-development to execute this plan in this session."If the user chooses option 2:
executing-plans with this plan file."development
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
development
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
development
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
development
Execute an approved implementation plan in the current session by dispatching one subagent per task, with spec and quality reviews after each task. Use after writing-plans when tasks are mostly independent.