skills.rest
spencerbeggs
spencerbeggsCOMMUNITY
Explore all skills by this author →
GitHub

design-index

Organize design documentation into structured indexes across Markdown, HTML, and JSON formats.

Updated Jan 20, 2026
Search Tags:#documentation#markdown#html#json#frontmatter#design-index
One-click install
npx skills add https://github.com/spencerbeggs/claude-design-coordinator --skill design-index
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-index
Source: https://github.com/spencerbeggs/claude-design-coordinator/tree/main/.claude/skills/design-index
Command: npx skills add https://github.com/spencerbeggs/claude-design-coordinator --skill design-index

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to locate relevant design documentation across multiple modules. This skill generates navigable indexes to improve discoverability and onboarding.

Core Features & Use Cases

  • Generate comprehensive indexes across Markdown, HTML, and JSON formats for design docs.
  • Organize content by category, status, date, or module to support quick navigation.
  • Use cases: create module indices, project overviews, and cross-project design handoffs.

Quick Start

Run the design-index command for a specific module or for all modules to generate the index.

Frequently Asked Questions about design-index

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

FAQPage Schema
How do I generate a navigable index for design documentation?▼

To generate a navigable index for design documentation, you can parse YAML frontmatter and extract headings to organize docs by category, status, date, or module. This creates structured indexes for quick navigation and improved discoverability.

Can I output design doc indexes as HTML, Markdown, and JSON?▼

Yes, you can output design doc indexes as HTML, Markdown, and JSON. The tool formats parsed documentation metadata and computed statistics into these formats for consistent delivery and cross-module navigation.

What is the best way to organize design docs by status or module?▼

Organizing design docs by status or module is best handled by parsing YAML frontmatter to group content logically. This approach supports quick navigation and creates comprehensive project overviews for design handoffs.

Does the design index tool require YAML frontmatter in my markdown files?▼

Yes, generating structured design indexes requires YAML frontmatter in your markdown files. The tool parses this frontmatter to extract categories, statuses, dates, and module information for accurate document grouping.

How do I create a cross-project design handoff overview?▼

To create a cross-project design handoff overview, generate a comprehensive index across all modules. The tool computes statistics and extracts headings to format a structured overview that improves onboarding and discoverability.

Related Skills

Explore More Design & Creative Skills→
erfanzarerfanzar
27

popular-web-designs

Parse YAML frontmatter from skill units to extract structured metadata.

Community
Advanced
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate
JongsixJongsix

moai-docs-generation

Generate technical documentation from source code and API definitions.

Community
Advanced
usoramausorama

doc-automation

Automate documentation versioning and metadata tracking across Markdown, JSON, and TypeScript files.

Community
Advanced