docs-site-add-visual-doc

Create Spell UI-compliant HTML pages and update index with Git workflow.

Updated Mar 6, 2026

Search Tags:#documentation #html #pull request #workflow automation #github pages #spell ui

Ready to run

npx skills add https://github.com/53able/docs-site --skill docs-site-add-visual-doc

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: docs-site-add-visual-doc
Source: https://github.com/53able/docs-site/tree/main/.cursor/skills/docs-site-add-visual-doc
Command: npx skills add https://github.com/53able/docs-site --skill docs-site-add-visual-doc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of adding new visual documentation pages to the docs-site repository, ensuring consistency and proper linking.

Core Features & Use Cases

Automated Page Creation: Generates new HTML pages for visual explanations, adhering to Spell UI standards.
Integration with Index: Automatically adds links to the new pages in the index.html file.
Workflow Management: Handles branching, committing, and creating draft Pull Requests for a complete workflow.
Use Case: When a new feature needs a visual guide, use this Skill to quickly create the documentation page, link it to the main index, and prepare it for review.

Quick Start

Use the docs-site-add-visual-doc skill to add a new visual explanation page for the 'Kaku' feature.

Frequently Asked Questions about docs-site-add-visual-doc

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

FAQPage Schema

How do I add a new HTML visual documentation page to my docs-site?▼

To add a new HTML visual documentation page to your docs-site, this Skill automates the creation of Spell UI-compliant files and updates the index page with corresponding links. It handles the entire Git workflow, including branching, committing, and opening a draft pull request.

Does this docs-site workflow automation handle Git branching and pull request creation?▼

Yes, this docs-site workflow automation handles Git branching, committing, and draft pull request creation automatically. It manages the complete version control workflow required to submit new visual explanation pages for review.

What is the best way to ensure new visual docs are linked in the index.html automatically?▼

The best way to ensure new visual docs are linked in the index.html automatically is to use this Skill, which integrates new page creation directly with the index page. It appends links to newly generated Spell UI-compliant HTML files without manual editing.

Can I generate Spell UI-compliant visual explanation pages for a GitHub Pages repository?▼

Yes, you can generate Spell UI-compliant visual explanation pages for a GitHub Pages repository. This Skill creates the required HTML files and integrates them into your existing docs-site structure for static hosting.

How does automated visual documentation generation integrate with code reading content?▼

Automated visual documentation generation integrates with code reading content by coordinating with analysis skills to generate visual explanations. It uses the 'visual-explainer-spell-ui' and 'code-reading' skills to process feature data and output compliant HTML pages.

Are there limitations when adding multiple visual docs to the docs-site in a single pull request?▼

The metadata does not specify limitations for adding multiple visual docs in a single pull request. It is designed to handle the branching, committing, and draft PR creation workflow for adding new visual explanation pages to the docs-site repository.