Why is the review phase mandatory in this skill?

The review phase uses a separate logic process to catch architectural flaws, security risks, or missing edge cases before any code is written, ensuring higher reliability.

Where are the technical plans saved?

Plans are saved locally in a dedicated 'claude_html' directory within your project for easy browser-based access and persistence.

Do I need special tools for the diagrams?

No, the skill automatically generates Mermaid.js diagrams which are rendered directly within the generated HTML plan output.

What is the benefit of the HTML output format?

HTML allows for a rich, interactive experience with collapsible sections, styled technical notes, and visual diagrams that are easier to navigate than plain text.

Can this skill handle multi-agent reviews?

Yes, it is designed to use Codex MCP as a primary reviewer or fall back to general-purpose task agents if specialized tools are unavailable.

HTML Technical Planning Orchestrator

Name: HTML Technical Planning Orchestrator
Author: WarrenZhu050413

byWarrenZhu050413

•

生産性とワークフロー

Generates comprehensive, reviewed technical execution plans in HTML format with interactive diagrams and step-by-step implementation guides.

This skill formalizes the development lifecycle within Claude Code by enforcing a structured planning-first approach. It guides the AI through requirement analysis, architectural diagramming using Mermaid, and a mandatory review phase using Codex MCP or sub-agents to identify potential risks before implementation begins. The final output is a professional local HTML document that provides a persistent source of truth for the project, featuring collapsible technical details, data flow summaries, and specific file-path instructions to ensure high-quality, production-ready code execution.

主な機能

01Built-in risk assessment, security analysis, and mitigation strategies

02Visual system architecture diagrams using Mermaid.js syntax

03Detailed implementation roadmaps including specific file paths and function names

04Automated technical review loop via Codex MCP or Task agents

055 GitHub stars

06Standardized HTML output with collapsible sections for progressive disclosure

ユースケース

01Creating architectural documentation and system overviews for team alignment

02Designing complex feature additions to existing legacy codebases

03Orchestrating multi-file refactoring tasks that require sequential execution

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add warrenzhu050413/warren-claude-code-plugin-marketplace planning-html

For use in Claude.ai and ChatGPT

Download Skill