skills/visualize/SKILL.md
Convert documents to infographic images (PNG/JPG/PDF) for easy sharing
npx skillsauth add sc30gsw/claude-code-customes visualizeInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Transform documents into visually appealing infographic images for sharing on chat applications like Slack, Teams, or Discord.
/visualize <input-file> [options]
input-file: Path to the document (required).md, .txt, .pdf| Option | Short | Description | Default |
|--------|-------|-------------|---------|
| --output | -o | Output file path | {input}-infographic.png |
| --format | -f | Output format (png/jpg/pdf) | png |
| --theme | -t | Visual theme | business |
| --size | -s | Image size preset | chat |
| --max-points | -m | Maximum key points | 6 |
| --lang | -l | Output language (ja/en) | ja |
| --style | | Output style (summary/visual/detailed) | summary |
| --audience | -a | Target audience | team |
| --diagram | -d | Include Mermaid diagrams | false |
| --visual-type | -vt | Visual format (diagram/cards/comic/auto) | auto |
| --panels | -p | Panel count for comic (2-6) | 3 |
| Theme | Description | Best For |
|-------|-------------|----------|
| business | Professional blue tones | Work presentations |
| modern | Vibrant gradients | Marketing materials |
| tech | Dark accents, monospace | Technical documentation |
| minimal | White space, simple | Clean summaries |
| dark | Dark background | Screen-friendly |
| Preset | Dimensions | Best For |
|--------|------------|----------|
| chat | 1200x630px | Slack, Teams, Discord |
| slide | 1920x1080px | Presentations |
| a4 | 2480x3508px | Print (A4 portrait) |
| square | 1080x1080px | Social media |
| Style | Description | Understanding Level |
|-------|-------------|---------------------|
| summary | Single page, concise | Surface (what exists) |
| visual | Diagram + context | Deep (why & how) |
| detailed | Multi-section with TOC | Comprehensive |
| Type | Best For |
|------|----------|
| diagram | Flows, processes, API, data structures |
| cards | Feature lists, comparisons |
| comic | User journeys, tutorials, before/after |
| auto | Auto-select based on content |
# Basic usage
/visualize ./docs/report.pdf
# Theme and size
/visualize ./notes.md --theme modern --size slide
# Visual style with diagram
/visualize ./architecture.md --style visual --visual-type diagram
# Comic format (4 panels)
/visualize ./tutorial.md --style visual --visual-type comic --panels 4
# Executive summary
/visualize ./quarterly-report.pdf --audience executive --style summary
# Technical with diagrams
/visualize ./api-spec.md --audience technical --diagram --style detailed
--diagram enabled (Mermaid)tools
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
testing
# sdd-workflow — Workflow Status Dashboard ## Slash Command ``` /sdd-workflow [slug] ``` ## Purpose Read-only meta skill. Displays the current state of the SDD workflow — which phases are complete, which is next, and any blockers. Does NOT modify any files. --- ## This Skill is Read-Only `sdd-workflow` never writes to or modifies any file. It only reads spec files and git history to report status. There is no approval gate for this skill. --- ## Usage: Specific Feature ``` /sdd-workflo
content-media
# sdd-tasks **Slash command**: `/sdd-tasks <slug>` **Purpose**: Generate `tasks.md` (TASK-001..N) and `progress.md` from `requirements.md` and `design.md`. --- ## Prerequisites - `.claude/specs/<slug>/requirements.md` must exist - `.claude/specs/<slug>/design.md` must exist (run `/sdd-design` first) --- ## Steps ### 1. Read spec inputs ``` .claude/specs/<slug>/requirements.md .claude/specs/<slug>/design.md ``` Extract: - Every REQ-XXX ID with its acceptance criteria - Every design sect
development
# sdd-review — Post-Implementation Code Review ## Slash Command ``` /sdd-review <slug> ``` ## Purpose Run code review and security review on all changes introduced by the feature branch. Append structured findings to `review.md`. Does NOT auto-apply fixes — only proposes them. --- ## Prerequisites - `sdd-impl` has completed: all tasks in `progress.md` are `done` (or at least one is `done`; partial reviews are allowed). - The feature branch must have at least one commit ahead of `main`. -