Skills
.Work. You
Rest

plan-html

Community

Craft detailed HTML implementation plans with rich components and control over layout.

Software Engineering#html#layout#implementation plan#svg#diagram
AuthorBarrettLowe
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of detailed, hand-crafted dark-theme HTML implementation plans with custom SVG diagrams, saving time and ensuring visual consistency.

Core Features & Use Cases

  • Custom HTML Rendering: Generate custom HTML artifacts with components like numbered milestones, meta tables, and SVG diagrams.
  • Rich Component Vocabulary: Utilize a fixed set of components to build the plan, including milestone timelines, data flow graphs, and risk matrices.
  • Layout Control: Precisely control the layout of each component using inline SVG for diagrams.
  • Use Case: For software development projects, use this Skill to create detailed implementation plans that can be shared with stakeholders.

Quick Start

Generate a plan for a new feature by using the /plan-html command and specifying the feature goal.

Dependency Matrix

Required Modules

None required

Components

scriptsassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: plan-html
Download link: https://github.com/BarrettLowe/dotfiles/archive/main.zip#plan-html

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.