What is the primary benefit of the Page-level Spec mode?

It creates a granular document for a single sub-menu or route that contains everything a FE/BE developer needs to build the feature, including UI components, API dependencies, and business rules.

Does this skill require specific tools to work?

Yes, it requires the Notion MCP for secure database access and specific reference templates for maintaining standardized document structures.

Can I update existing planning documents?

Absolutely. Use Mode 1 (Existing Plan Update) by providing a Notion URL, or Mode 4 (Design Change) for formal modifications after a plan has been finalized.

How does Plan Developer ensure UI consistency?

It uses a 'Shift Left' strategy, referencing existing project components and shadcn UI mappings within the planning document to prevent styling inconsistencies during the build phase.

Plan Developer

Name: Plan Developer
Author: invigoworks

byinvigoworks

0•

Content Management

Automates the creation of detailed technical specifications and feature planning documents with seamless Notion integration.

Plan Developer is a specialized capability for Claude Code designed to transform high-level feature ideas into production-ready documentation. It bridges the gap between planning and implementation by generating granular, page-level specifications that include user flows, permission structures, shadcn UI component mappings, and Gherkin-style acceptance criteria. By integrating directly with Notion databases via MCP, it ensures that project requirements are always centralized, searchable, and structured for both frontend and backend development teams.

Key Features

01Five specialized planning modes for new features, redesigns, updates, changes, and page-level specs.

02Role-based access control (RBAC) modeling and permission system specifications.

03Automated Notion database integration for real-time documentation synchronization.

04Standardized UI consistency rules using shadcn component inventory and layout patterns.

05Comprehensive technical blueprints including Given-When-Then logic and API mapping.

060 GitHub stars

Use Cases

01Generating a complete technical specification for a new sub-menu that developers can implement immediately.

02Updating existing Notion-based project requirements when business logic or UI flows change.

03Analyzing legacy system screenshots to create a modernized redesign plan and migration path.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add invigoworks/invigo-marketplace plan-developer

For use in Claude.ai and ChatGPT

Download Skill