
User Guide Creation
- 661 installs
- 305 repo stars
- Updated March 4, 2026
- aj-geddes/useful-ai-prompts
user-guide-creation is an agent skill that generates clear, structured user guides and setup instructions from app screenshots and code comments so developers who ship products produce consistent end-user documentation w
About
user-guide-creation is an aj-geddes useful-ai-prompts agent skill for automatically generating structured end-user documentation from application artifacts. The skill produces step-by-step setup guides with numbered instructions, preference configuration sections, tips, and screenshot references pulled from app UI captures and inline code comments. Output follows patterns like account creation flows, settings configuration tabs, and feature walkthroughs with image placeholders. Developers reach for user-guide-creation when they need onboarding docs, setup wizards, or feature guides written in consistent plain language without spending hours on manual technical writing after each UI change.
- Converts screenshots, code comments, and UI flows into step-by-step user guides
- Includes visual placeholders and tip callouts automatically
- Produces both markdown and formatted HTML output variants
- Maintains consistent structure across account creation, installation, and settings sections
- Reduces documentation time by turning raw product flows into ready-to-publish guides
User Guide Creation by the numbers
- 661 all-time installs (skills.sh)
- Ranked #338 of 1,879 Documentation skills by installs in the Skillselion catalog
- Security screen: LOW risk (skills.sh audit)
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/aj-geddes/useful-ai-prompts --skill user-guide-creationAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 661 |
|---|---|
| repo stars | ★ 305 |
| Security audit | 3 / 3 scanners passed |
| Last updated | March 4, 2026 |
| Repository | aj-geddes/useful-ai-prompts ↗ |
How do you generate user guides from app screenshots?
Automatically generate clear, structured user guides and setup instructions from app screenshots and code comments.
Who is it for?
Developers shipping SaaS or desktop apps who need polished onboarding and setup documentation generated from screenshots and existing code comments.
Skip if: Teams needing API reference docs, OpenAPI specs, or internal architecture documentation rather than end-user-facing guides.
When should I use this skill?
User asks to create a user guide, setup instructions, onboarding docs, or feature walkthroughs from screenshots or app UI.
What you get
Structured user guides, step-by-step setup instructions, preference configuration docs, and screenshot-referenced feature walkthroughs.
- User guide Markdown files
- Setup and onboarding documentation
Files
User Guide Creation
Table of Contents
Overview
Create clear, user-friendly documentation that helps users understand and effectively use your product, with step-by-step instructions, screenshots, and practical examples.
When to Use
- Product user manuals
- Getting started guides
- Feature tutorials
- Step-by-step how-tos
- Video script documentation
- Interactive walkthroughs
- Quick start guides
- FAQ documentation
- Best practices guides
Quick Start
Minimal working example:
````markdown
[Product Name] User Guide
Table of Contents
1. Introduction 2. Getting Started 3. Key Features 4. Common Tasks 5. Troubleshooting 6. FAQ 7. Support
Introduction
What is [Product Name]?
[Product Name] is a [brief description of what the product does and its main purpose].
Who is this guide for?
This guide is designed for:
- New users getting started with [Product Name]
- Existing users looking to learn advanced features
- Administrators managing [Product Name]
// ... (see reference guides for full implementation)
## Reference Guides
Detailed implementations in the `references/` directory:
| Guide | Contents |
|---|---|
| [System Requirements](references/system-requirements.md) | System Requirements |
| [Installation](references/installation.md) | Installation |
| [Initial Setup](references/initial-setup.md) | Initial Setup |
| [Task 1: Creating Your First Project](references/task-1-creating-your-first-project.md) | Task 1: Creating Your First Project |
| [Task 2: Importing Existing Data](references/task-2-importing-existing-data.md) | Task 2: Importing Existing Data |
| [Task 3: Exporting Data](references/task-3-exporting-data.md) | Task 3: Exporting Data |
## Best Practices
### ✅ DO
- Use simple, clear language
- Include screenshots and visuals
- Provide step-by-step instructions
- Use numbered lists for sequential tasks
- Add tips, warnings, and notes
- Include keyboard shortcuts
- Provide multiple paths to accomplish tasks
- Test every step you document
- Keep content up-to-date
- Use consistent formatting
- Add a table of contents for long guides
- Include search functionality
### ❌ DON'T
- Use jargon without explanation
- Assume prior knowledge
- Skip important steps
- Use outdated screenshots
- Write wall-of-text paragraphs
- Forget to update for new versions
- Overcomplicate simple tasks
Initial Setup
Initial Setup
Create Your Account
1. On the welcome screen, click Create Account 2. Enter your information:
- Email address
- Password (minimum 8 characters)
- Full name
3. Click Sign Up 4. Check your email for a verification link 5. Click the link to verify your account
!Account creation screen
💡 Tip: Use a password manager to generate and store a strong password.
Configure Preferences
1. Click Settings in the top-right corner (⚙️ icon) 2. Configure your preferences:
General Tab:
- Theme: Light, Dark, or Auto
- Language: Select your preferred language
- Notifications: Enable/disable desktop notifications
Privacy Tab:
- Analytics: Choose whether to share usage data
- Crash reports: Help improve the product
3. Click Save to apply changes
Installation
Installation
Step 1: Download
1. Visit https://example.com/download 2. Click the Download button for your operating system 3. Save the installer to your Downloads folder
!Download page screenshot
Step 2: Install
For Windows:
1. Double-click the downloaded .exe file 2. Click Yes when prompted by User Account Control 3. Follow the installation wizard:
- Accept the license agreement
- Choose installation location
- Select components to install
4. Click Install 5. Wait for installation to complete 6. Click Finish
For macOS:
1. Double-click the downloaded .dmg file 2. Drag the application icon to the Applications folder 3. Eject the disk image 4. Open Applications and double-click [Product Name] 5. Click Open when prompted about opening downloaded applications
For Linux:
# Download and install
wget https://example.com/downloads/product-name.deb
sudo dpkg -i product-name.deb
# Install dependencies if needed
sudo apt-get install -f````
Step 3: First Launch
1. Open [Product Name] from your Applications folder or Start menu 2. You'll see the welcome screen 3. Click Get Started to begin the setup wizard
System Requirements
System Requirements
Before you begin, ensure your system meets these requirements:
| Requirement | Minimum | Recommended |
|---|---|---|
| Operating System | Windows 10, macOS 10.15, Ubuntu 20.04 | Latest version |
| RAM | 4 GB | 8 GB |
| Disk Space | 500 MB | 1 GB |
| Internet | Required for setup | Required |
Task 1: Creating Your First Project
Task 1: Creating Your First Project
Goal: Create a new project from scratch
Time required: 5 minutes
Prerequisites:
- Active account
- Completed initial setup
Steps:
1. Open the project menu
- Click File > New Project
- Or press
Ctrl+N(Windows) orCmd+N(Mac)
2. Choose project type
- Select from available templates
- Click Blank Project for this tutorial
3. Configure project settings
Name: My First Project
Location: ~/Documents/Projects
Template: Blank4. Add initial content
- Click Add Item in the sidebar
- Select item type
- Fill in details
5. Save your project
- Click File > Save
- Or press
Ctrl+S(Windows) orCmd+S(Mac)
✅ Success indicator: You'll see "Project saved successfully" in the bottom-right corner.
Task 2: Importing Existing Data
Task 2: Importing Existing Data
Goal: Import data from an external source
Supported formats: CSV, JSON, XML, Excel
Steps:
1. Click Import in the toolbar 2. Choose your data source:
- From File: Upload a file from your computer
- From URL: Enter a URL to fetch data
- From Database: Connect to an external database
3. For File Import:
- Click "Choose File"
- Select your CSV/JSON file
- Click "Upload"4. Map your fields
- Match source columns to destination fields
- Set data types for each field
- Preview the mapping
| Source Field | Destination Field | Type |
|---|---|---|
| Email Address | Text | |
| name | Full Name | Text |
| created | Created Date | Date |
5. Import settings
- Duplicate handling: Skip, Update, or Create new
- Error handling: Stop on error or Continue
- Batch size: 100 records per batch
6. Click Start Import
Progress: You'll see a progress bar showing:
- Records processed
- Successful imports
- Errors encountered
Task 3: Exporting Data
Task 3: Exporting Data
Goal: Export your data for backup or external use
Steps:
1. Select the data to export 2. Click Export button 3. Choose format:
- CSV: For spreadsheets
- JSON: For APIs and code
- PDF: For reports
- Excel: For analysis
4. Configure export options:
Include headers: ✓
Date format: YYYY-MM-DD
Encoding: UTF-8
Compression: None / ZIP5. Click Export 6. Save the file to your desired location
Document Title
Overview
TODO: Brief description of this document's purpose.
Prerequisites
- TODO: List prerequisites
Getting Started
TODO: Step-by-step instructions.
Configuration
TODO: Configuration details.
Examples
TODO: Add practical examples.
Troubleshooting
TODO: Common issues and solutions.
References
- TODO: Add relevant links
Related skills
How it compares
Pick user-guide-creation over api-docs when the deliverable is end-user onboarding guides rather than developer API reference documentation.
FAQ
What inputs does user-guide-creation use?
user-guide-creation generates documentation from app screenshots and code comments. The skill structures numbered setup steps, preference tabs, tips, and embeds image references for account creation and configuration flows.
What format does user-guide-creation output?
user-guide-creation outputs structured Markdown user guides with numbered steps, section headings, tip callouts, and screenshot image placeholders suitable for onboarding and feature documentation.
Is User Guide Creation safe to install?
skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.