planning-with-files
Planning with Files
Work like Manus: Use persistent markdown files as your "working memory on disk."
Quick Start
Before ANY complex task:
- Create
task_plan.mdin the working directory - Define phases with checkboxes
- Update after each phase - mark [x] and change status
- Read before deciding - refresh goals in attention window
The 3-File Pattern
For every non-trivial task, create THREE files:
More from jarrodwatts/claude-code-config
react-useeffect
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.
16rigorous-coding
Apply rigorous coding standards. Use when writing, implementing, or reviewing code.
12web-design-guidelines
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".
10vercel-react-best-practices
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.
10