Skip to main content

Style Guide Documentation Generation

Auto-generate living style guide with component examples, usage guidelines, accessibility notes, and code snippets.

Complexity: Moderate | Duration: 15-30m | Category: Creative/Design

Tags: documentation style-guide living-documentation accessibility

Workflow Diagram​

Steps​

Step 1: Extract component metadata​

Agent: frontend

developer - introspection

Step 2: Generate usage examples​

Agent: frontend

developer - demonstration code

Step 3: Document accessibility require​

Agent: accessibility

specialist - WCAG compliance

Step 4: Create visual component galler​

Agent: ui

designer - visual reference

Step 5: Add code snippets and props ta​

Agent: technical

writer - developer docs

Step 6: Configure search and navigatio​

Agent: technical

writer - usability

Step 7: Deploy to hosting (Netlify, Ve​

Agent: devops

engineer - publication

Usage​

To execute this workflow:

/workflow creative/design/style-guide-documentation-generation.workflow

See other workflows in this category for related automation patterns.