page-claw

Convert markdown files into single-file static HTML pages.

27|2|Updated Mar 15, 2026
One-click install
npx skills add https://github.com/XY-Showing/pageclaw --skill page-claw
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-claw
Source: https://github.com/XY-Showing/pageclaw/tree/main/skills/page-claw
Command: npx skills add https://github.com/XY-Showing/pageclaw --skill page-claw

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires ui-ux-pro-max, writing-plans, teach-impeccable, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

page-claw solves the problem of converting markdown files into production-ready, single-file static HTML pages, streamlining the process of creating personal, academic, and professional websites.

Core Features & Use Cases

  • Markdown to HTML Conversion: Converts page-story-*.md files into polished HTML pages.
  • Design Context Gathering: Collects design context through dialogue to guide the design system generation.
  • Design System Generation: Generates design systems based on context, including palettes, typography, and spacing.
  • Implementation Plan Creation: Produces a task-by-task implementation plan for building the page.
  • Build and Quality Pass: Automates the build process and performs a quality pass to ensure the page meets standards.

Quick Start

Run the page-claw skill with your markdown file: /page-claw page-story.md

Frequently Asked Questions about page-claw

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert markdown to static HTML pages with a design system?

Markdown to static HTML conversion works by parsing structured markdown briefs, gathering design context through dialogue, generating palettes and typography, and executing a build. This streamlines creating personal and professional websites from markdown files.

What is static site generation from markdown and when do I need it?

Static site generation from markdown transforms structured text files into production-ready, single-file HTML pages. You need this when creating personal, academic, or professional websites requiring fast loading and simple deployment without server-side rendering.

Can I use markdown-based agents like Claude Code to generate web development plans?

Yes, markdown-based agents like Claude Code can generate web development plans. The process produces task-by-task implementation plans for building pages, requiring markdown-based agent support to execute design system generation and build automation.

Do I need a design system to build static HTML pages from markdown?

You do not strictly need a pre-existing design system to build static HTML pages from markdown. The conversion process generates a design system by collecting design context through dialogue, producing palettes, typography, and spacing rules.

What is the best way to ensure quality in markdown to HTML conversion?

The best way to ensure quality in markdown to HTML conversion is executing an automated build and quality pass after generating the design system and implementation plan. This verifies final HTML pages meet design and structural standards.