autogen-guide
OfficialGenerate interactive guides from source code.
Software Engineering#automation#typescript#code analysis#react#documentation generation#interactive guides
Authorgrafana
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of interactive guides for software UIs by analyzing source code, reducing manual authoring time and effort.
Core Features & Use Cases
- Automated UI Analysis: Scans React/TypeScript code to identify interactive elements like buttons, inputs, and fields.
- Guide Structure Generation: Creates a structured guide plan, including sections, steps, and requirements.
- Use Case: You have a new feature with a complex configuration UI. Instead of manually documenting each step, use this Skill to generate an interactive walkthrough directly from the component's source code.
Quick Start
Use the autogen-guide skill to generate a Pathfinder guide from the GitHub repository at https://github.com/grafana/grafana-pathfinder-app/tree/main/src/editors/config.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: autogen-guide Download link: https://github.com/grafana/interactive-tutorials/archive/main.zip#autogen-guide Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.