بنقرة واحدة
planning
Use when you need to plan technical solutions that are scalable, secure, and maintainable.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
Use when you need to plan technical solutions that are scalable, secure, and maintainable.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Use for automating browsers, taking screenshots, analyzing performance, monitoring network traffic, web scraping, form automation, and JavaScript debugging.
Use when you need to research, analyze, and plan technical solutions that are scalable, secure, and maintainable.
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check frontend UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
Manage Model Context Protocol (MCP) servers - discover, analyze, and execute tools/prompts/resources from configured MCP servers. Use when working with MCP integrations, need to discover available MCP capabilities, filter MCP tools for specific tasks, execute MCP tools programmatically, access MCP prompts/resources, or implement MCP client functionality. Supports intelligent tool selection, multi-server management, and context-efficient capability discovery.
| name | planning |
| description | Use when you need to plan technical solutions that are scalable, secure, and maintainable. |
| license | MIT |
Create detailed technical implementation plans through research, codebase analysis, solution design, and comprehensive documentation.
Use this skill when:
Always honoring YAGNI, KISS, and DRY principles. Be honest, be brutal, straight to the point, and be concise.
Load: references/research-phase.md
Skip if: Provided with researcher reports
Load: references/codebase-understanding.md
Skip if: Provided with scout reports
Load: references/solution-design.md
Load: references/plan-organization.md
Load: references/output-standards.md
./docs/development-rules.md file.Plan Directory Structure
plans/
└── {date}-plan-name/
├── research/
│ ├── researcher-XX-report.md
│ └── ...
├── reports/
│ ├── XX-report.md
│ └── ...
├── scout/
│ ├── scout-XX-report.md
│ └── ...
├── plan.md
├── phase-XX-phase-name-here.md
└── ...
Prevents version proliferation by tracking current working plan via session state.
| Type | Env Var | Meaning |
|---|---|---|
| Active | $CK_ACTIVE_PLAN | Explicitly set via set-active-plan.cjs - use for reports |
| Suggested | $CK_SUGGESTED_PLAN | Branch-matched, hint only - do NOT auto-use |
Plan context is managed through:
$CK_ACTIVE_PLAN env var: Only set for explicitly activated plans (via session state)$CK_SUGGESTED_PLAN env var: Branch-matched plans shown as hints, not directives/tmp/ck-session-{id}.json stores explicit activations only$CK_ACTIVE_PLAN first: If set and valid directory, ask "Continue with existing plan? [Y/n]"$CK_SUGGESTED_PLAN second: If set, inform user "Found suggested plan from branch: {path}"
node .claude/scripts/set-active-plan.cjs plans/...All agents writing reports MUST:
Plan Context section injected by hooks for Reports Path$CK_ACTIVE_PLAN plans use plan-specific reports path$CK_SUGGESTED_PLAN plans use default plans/reports/ (not plan folder){agent}-{date}-{slug}.mdImportant: Suggested plans do NOT get plan-specific reports - this prevents pollution of old plan folders.
Remember: Plan quality determines implementation success. Be comprehensive and consider all solution aspects.