aiskillstore/marketplace/ascii-preview-generate
- community
Checking that the SKILL.md file is still in the repository.
Use AI to create ASCII text-based preview of PDF page layout. Transforms visual and extracted data into structured ASCII representation for HTML generation.
Install
npx vskill@latest install aiskillstore/marketplace/ascii-preview-generateSKILL.md
ASCII Preview Generate Skill
Purpose
This skill uses AI to create a meaningful ASCII text-based representation of the PDF page layout. The AI:
- Analyzes both the PDF page image and extracted text data
- Creates a structured ASCII preview showing page organization
- Represents heading hierarchy, paragraphs, lists, and tables visually
- Provides clear structural context for downstream HTML generation
The ASCII preview serves as a structured representation of page layout, enabling the downstream AI-HTML generator to understand both visual layout and content structure.
What to Do
- Load input files
- Read
02_page_XX.png(visual reference) - Read
01_rich_extraction.json(text spans with metadata) - Verify all required fields present
- Invoke AI to analyze and represent
- Send PNG image to Claude (visual reference)
- Include extracted text data (JSON)
- Request ASCII layout representation
- AI determines structure and relationships
- AI generates ASCII preview
- AI analyzes heading hierarchy from extraction data
- AI identifies paragraphs and their relationships
- AI represents lists with proper formatting
- AI shows table layouts if present
- AI creates visual representation using ASCII characters
- Validate ASCII output
- Verify output is readable text
- Check that all content elements represented
- Confirm structure is clear and logical
- Save to persistent file
- Save to:
output/chapter_XX/page_artifacts/page_YY/03_page_XX_ascii.txt - Include metadata (page number, chapter, timestamp)
Input Parameters
Output Format
ASCII Preview Structure
The ASCII preview uses this structure:
Example Output
AI Prompt Template
The prompt sent to Claude to generate ASCII preview:
================================================================================ PAGE XX ASCII LAYOUT PREVIEW ================================================================================ Book Page: YY | Chapter: Z | PDF Index: XX
[ASCII representation with visual structure]
STRUCTURE SUMMARY: [Element counts and types] ================================================================================
AI Generation Process
- Load inputs
02_page_XX.png- Visual reference01_rich_extraction.json- Text spans with metadata
- Invoke Claude API
- Send image as multi-modal input
- Include extracted data in prompt
- Request ASCII layout preview
- Extract and validate output
- Parse ASCII from response
- Verify readability
- Check element representation
- Save to file
- Write to
output/chapter_XX/page_artifacts/page_YY/03_page_XX_ascii.txt
Quality Checks
Before declaring ASCII preview complete:
- File output
- [ ] Output file created and readable
- [ ] File is valid text (UTF-8 encoding)
- [ ] File size meaningful (> 500 bytes)
- Content representation
- [ ] All major page elements represented
- [ ] Heading hierarchy shown clearly
- [ ] Paragraphs indicated and readable
- [ ] Lists properly formatted with bullets/markers
- [ ] Tables (if present) shown with alignment
- Accuracy against source data
- [ ] Structure matches rich_extraction.json
- [ ] Element counts reasonable
- [ ] Text content accurate (no changes)
- [ ] Layout represents visual (PNG) appearance
- Readability and format
- [ ] ASCII art is clear and clean
- [ ] Line length reasonable (< 100 chars)
- [ ] Box drawing characters render properly
- [ ] Annotations are clear and helpful
- [ ] Summary section present and accurate
Output Metadata
Use in Downstream Processing
The ASCII preview is used by Skill 3 (ai-html-generate) as one of three inputs:
02_page_XX.png- Visual reference (pixel data)01_rich_extraction.json- Parsed text with metadata03_page_XX_ascii.txt- Structural representation ← This skill creates
Together, these three inputs give the AI complete context for accurate HTML generation.
Error Handling
If PNG image fails to load:
- Fall back to text-only analysis using rich_extraction.json
- AI still generates ASCII but without visual reference
- Note in metadata: "Image unavailable"
- Proceed (text data is sufficient for structure)
This is the start of the file. Read the full SKILL.md on GitHub.
Security
- Security scanPassed, 100 of 100Pattern checks on the skill's files.
- Model reviewNot runA model review is scheduled for the next rescan.
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingskills/abejitsu/ascii-preview-generate/SKILL.md
Popularity
- Repository stars
- 263
- Repository forks
- 23
- 7-day trend score
- 28
Stars and forks are for the whole GitHub repository, not this skill alone. Refreshed 3 May 2026, 5 months ago.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/aiskillstore/marketplace/ascii-preview-generate)