paper-2-web

davila7/claude-code-templates · updated Apr 8, 2026

MDX-style export adds YAML metadata + attribution linking explainx.ai and this canonical listing URL.

$npx skills add https://github.com/davila7/claude-code-templates --skill paper-2-web
0 commentsdiscussion
summary

This skill enables the transformation of academic papers into multiple promotional and presentation formats using the Paper2All autonomous pipeline. The system converts research papers (LaTeX or PDF) into three primary outputs:

skill.md

Paper2All: Academic Paper Transformation Pipeline

Overview

This skill enables the transformation of academic papers into multiple promotional and presentation formats using the Paper2All autonomous pipeline. The system converts research papers (LaTeX or PDF) into three primary outputs:

  1. Paper2Web: Interactive, explorable academic homepages with layout-aware design
  2. Paper2Video: Professional presentation videos with narration, slides, and optional talking-head
  3. Paper2Poster: Print-ready conference posters with professional layouts

The pipeline uses LLM-powered content extraction, design generation, and iterative refinement to create high-quality outputs suitable for conferences, journals, preprint repositories, and academic promotion.

When to Use This Skill

Use this skill when:

  • Creating conference materials: Posters, presentation videos, and companion websites for academic conferences
  • Promoting research: Converting published papers or preprints into accessible, engaging web formats
  • Preparing presentations: Generating video abstracts or full presentation videos from paper content
  • Disseminating findings: Creating promotional materials for social media, lab websites, or institutional showcases
  • Enhancing preprints: Adding interactive homepages to bioRxiv, arXiv, or other preprint submissions
  • Batch processing: Generating promotional materials for multiple papers simultaneously

Trigger phrases:

  • "Convert this paper to a website"
  • "Generate a conference poster from my LaTeX paper"
  • "Create a video presentation from this research"
  • "Make an interactive homepage for my paper"
  • "Transform my paper into promotional materials"
  • "Generate a poster and video for my conference talk"

Visual Enhancement with Scientific Schematics

When creating documents with this skill, always consider adding scientific diagrams and schematics to enhance visual communication.

If your document does not already contain schematics or diagrams:

  • Use the scientific-schematics skill to generate AI-powered publication-quality diagrams
  • Simply describe your desired diagram in natural language
  • Nano Banana Pro will automatically generate, review, and refine the schematic

For new documents: Scientific schematics should be generated by default to visually represent key concepts, workflows, architectures, or relationships described in the text.

How to generate schematics:

python scripts/generate_schematic.py "your diagram description" -o figures/output.png

The AI will automatically:

  • Create publication-quality images with proper formatting
  • Review and refine through multiple iterations
  • Ensure accessibility (colorblind-friendly, high contrast)
  • Save outputs in the figures/ directory

When to add schematics:

  • Paper transformation pipeline diagrams
  • Website layout architecture diagrams
  • Video production workflow illustrations
  • Poster design process flowcharts
  • Content extraction diagrams
  • System architecture visualizations
  • Any complex concept that benefits from visualization

For detailed guidance on creating schematics, refer to the scientific-schematics skill documentation.


Core Capabilities

1. Paper2Web: Interactive Website Generation

Converts papers into layout-aware, interactive academic homepages that go beyond simple HTML conversion.

Key Features:

  • Responsive, multi-section layouts adapted to paper content
  • Interactive figures, tables, and citations
  • Mobile-friendly design with navigation
  • Automatic logo discovery (with Google Search API)
  • Aesthetic refinement and quality assessment

Best For: Post-publication promotion, preprint enhancement, lab websites, permanent research showcases

See references/paper2web.md for detailed documentation


2. Paper2Video: Presentation Video Generation

Generates professional presentation videos with slides, narration, cursor movements, and optional talking-head video.

Key Features:

  • Automated slide generation from paper structure
  • Natural-sounding speech synthesis
  • Synchronized cursor movements and highlights
  • Optional talking-head video using Hallo2 (requires GPU)
  • Multi-language support

Best For: Video abstracts, conference presentations, online talks, course materials, YouTube promotion

See references/paper2video.md for detailed documentation


3. Paper2Poster: Conference Poster Generation

Creates print-ready academic posters with professional layouts and visual design.

Key Features:

  • Custom poster dimensions (any size)
  • Professional design templates
  • Institution branding support
  • QR code generation for links
  • High-resolution output (300+ DPI)

Best For: Conference poster sessions, symposiums, academic exhibitions, virtual conferences

See references/paper2poster.md for detailed documentation


Quick Start

Prerequisites

  1. Install Paper2All:

    git clone https://github.com/YuhangChen1/Paper2All.git
    cd Paper2All
    conda create -n paper2all python=3.11
    conda activate paper2all
    pip install -r requirements.txt
    
  2. Configure API Keys (create .env file):

    OPENAI_API_KEY=your_openai_api_key_here
    # Optional: GOOGLE_API_KEY and GOOGLE_CSE_ID for logo search
    
  3. Install System Dependencies:

    • LibreOffice (document conversion)
    • Poppler utilities (PDF processing)
    • NVIDIA GPU with 48GB (optional, for talking-head videos)

See references/installation.md for complete installation guide


Basic Usage

Generate All Components (website + poster + video):

python pipeline_all.py \
  --input-dir "path/to/paper" \
  --output-dir "path/to/output" \
  --model-choice 1

Generate Website Only:

python pipeline_all.py \
  --input-dir "path/to/paper" \
  --output-dir "path/to/output" \
  --model-choice 1 \
  --generate-website

Generate Poster with Custom Size:

python pipeline_all.py \
  --input-dir "path/to/paper" \
  --output-dir "path/to/output" \
  --model-choice 1 \
  --generate-poster \
  --poster-width-inches 60 \
  --poster-height-inches 40

Generate Video (lightweight pipeline):

python pipeline_light.py \
  --model_name_t gpt-4.1 \
  --model_name_v gpt-4.1 \
  --result_dir "path/to/output" \
  --paper_latex_root "path/to/paper"

See references/usage_examples.md for comprehensive workflow examples


Workflow Decision Tree

Use this decision tree to determine which components to generate:

User needs promotional materials for paper?
├─ Need permanent online presence?
│  └─→ Generate Paper2Web (interactive website)
├─ Need physical conference materials?
│  ├─→ Poster session? → Generate Paper2Poster
│  └─→ Oral presentation? → Generate Paper2Video
├─ Need video content?
│  ├─→ Journal video abstract? → Generate Paper2Video (5-10 min)
│  ├─→ Conference talk? → Generate Paper2Video (15-20 min)
│  └─→ Social media? → Generate Paper2Video (1-3 min)
└─ Need complete package?
   └─→ Generate all three components

Input Requirements

Supported Input Formats

1. LaTeX Source (Recommended):

paper_directory/
├── main.tex              # Main paper file
├── sections/             # Optional: split sections
├── figures/              # All figure files
├── tables/               # Table files
└── bibliography.bib      # References

2. PDF:

  • High-quality PDF with embedded fonts
  • Selectable text (not scanned images)
  • High-resolution figures (300+ DPI preferred)

Input Organization

Single Paper:

input/
└── paper_name/
    ├── main.tex (or paper.pdf)
    ├── figures/
    └── bibliography.bib

Multiple Papers (batch processing):

input/
├── paper1/
│   └── main.tex
├── paper2/
│   └── main.tex
└── paper3/
    └── main.tex

Common Parameters

Model Selection

  • --model-choice 1: GPT-4 (best balance of quality and cost)
  • --model-choice 2: GPT-4.1 (latest features, higher cost)
  • --model_name_t gpt-3.5-turbo: Faster, lower cost (acceptable quality)

Component Selection

  • --generate-website: Enable website generation
  • --generate-poster: Enable poster generation
  • --generate-video: Enable video generation
  • --enable-talking-head: Add talking-head to video (requires GPU)

Customization

  • --poster-width-inches [width]: Custom poster width
  • --poster-height-inches [height]: Custom poster height
  • --video-duration [seconds]: Target video length
  • --enable-logo-search: Automatic institution logo discovery

Output Structure

Generated outputs are organized by paper and component:

output/
└── paper_name/
    ├── website/
    │   ├── index.html
    │   ├── styles.css
    │   └── assets/
    ├── poster/
    │   ├── poster_final.pdf
    │   ├── poster_final.png
    │   └── poster_source/
    └── video/
        ├── final_video.mp4
        ├── slides/
        ├── audio/
        └── subtitles/

Best Practices

Input Preparation

  1. Use LaTeX when possible: Provides best content extraction and structure
  2. Organize files properly: Keep all assets (figures, tables, bibliography) in paper directory
  3. High-quality figures: Use vector formats (PDF, SVG) or high-resolution rasters (300+ DPI)
  4. Clean LaTeX: Remove compilation artifacts, ensure source compiles successfully

Model Selection Strategy

  • GPT-4: Best for production-quality outputs, conferences, publications
  • GPT-4.1: Use when you need latest features or best possible quality
  • GPT-3.5-turbo: Use for quick drafts, testing, or simple papers

Component Priority

For tight deadlines, generate in this order:

  1. Website (fastest, most versatile, ~15-30 min)
  2. Poster (moderate speed, for print deadlines, ~10-20 min)
  3. Video (slowest, can be generated later, ~20-60 min)

Quality Assurance

Before finalizing outputs:

  1. Website: Test on multiple devices, verify all links work, check figure quality
  2. Poster: Print test page, verify text readability from 3-6 feet, check colors
  3. Video: Watch entire video, verify audio synchronization, test on different devices

Resource Requirements

Processing Time

  • Website: 15-30 minutes per paper
  • Poster: 10-20 minutes per paper
  • Video (no talking-head): 20-60 minutes per paper
  • Video (with talking-head): 60-120 minutes per paper

Computational Requirements

  • CPU: Multi-core processor for parallel processing
  • RAM: 16GB minimum, 32GB recommended for large papers
  • GPU: Optional for standard outputs, required for talking-head (NVIDIA A6000 48GB)
  • Storage: 1-5GB per paper depending on components and quality settings

API Costs (Approximate)

  • Website: $0.50-2.00 per paper (GPT-4)
  • Poster: $0.30-1.00 per paper (GPT-4)
  • Video: $1.00-3.00 per paper (GPT-4)
  • Complete package: $2.00-6.00 per paper (GPT-4)

Troubleshooting

Common Issues

LaTeX parsing errors:

  • Ensure LaTeX source compiles successfully: pdflatex main.tex
  • Check all referenced files are present
  • Verify no custom packages prevent parsing

Poor figure quality:

  • Use vector formats (PDF, SVG, EPS) instead of rasters
  • Ensure raster images are 300+ DPI
  • Check figures render correctly in compiled PDF

Video generation failures:

  • Verify sufficient disk space (5GB+ recommended)
  • Check all dependencies installed (LibreOffice, Poppler)
  • Review error logs in output directory

Poster layout issues:

  • Verify poster dimensions are reasonable (24"-72" range)
  • Check content length (very long papers may need manual curation)
  • Ensure figures have appropriate resolution for poster size

API errors:

  • Verify API keys in .env file
  • Check API credit balance
  • Ensure no rate limiting (wait and retry)

Platform-Specific Features

Social Media Optimization

The system auto-detects target platforms:

Twitter/X (English, numeric folder names):

mkdir -p input/001_twitter/
# Generates English promotional content

Xiaohongshu/小红书 (Chinese, alphanumeric folder names):

mkdir -p input/xhs_paper/
# Generates Chinese promotional content

Conference-Specific Formatting

Specify conference requirements:

  • Standard poster sizes (4'×3', 5'×4', A0, A1)
  • Video abstract length limits (typically 3-5 minutes)
  • Institution branding requirements
  • Color scheme preferences

Integration and Deployment

Website Deployment

Deploy generated websites to:

  • GitHub Pages: Free hosting with custom domain
  • Academic hosting: University web servers
  • Personal servers: AWS, DigitalOcean, etc.
  • Netlify/Vercel: Modern hosting with CI/CD

Poster Printing

Print-ready files work with:

  • Professional poster printing services
  • University print shops
  • Online services (e.g., Spoonflower, VistaPrint)
  • Large format printers (if available)

Video Distribution

Share videos on:

  • YouTube: Public or unlisted for maximum reach
  • Institutional repositories: University video platforms
  • Conference platforms: Virtual conference systems
  • Social media: Twitter, LinkedIn, ResearchGate

Advanced Usage

Batch Processing

Process multiple papers efficiently:

# Organize papers in batch directory
for paper in paper1 paper2 paper3; do
    python pipeline_all.py \
      --input-dir input/$paper \
      --output-dir output/$paper \
      --model-choice 1 &
done
wait

Custom Branding

Apply institution or lab branding:

  • Provide logo files in paper directory
  • Specify color schemes in configuration
  • Use custom templates (advanced)
  • Match conference theme requirements

Multi-Language Support

Generate content in different languages:

  • Specify target language in configuration
  • System translates content appropriately
  • Selects appropriate voice for video narration
  • Adapts design conventions to culture

References and Resources

This skill includes comprehensive reference documentation:

  • references/installation.md: Complete installation and configuration guide
  • references/paper2web.md: Detailed Paper2Web documentation with all features
  • references/paper2video.md: Comprehensive Paper2Video guide including talking-head setup
  • references/paper2poster.md: Complete Paper2Poster documentation with design templates
  • refere
how to use paper-2-web

How to use paper-2-web on Cursor

AI-first code editor with Composer

1

Prerequisites

Before installing skills in Cursor, ensure your development environment meets these requirements:

  • Cursor installed and configured on your development machine
  • Node.js version 16.0+ with npm package manager (verify with node --version)
  • Active project directory or workspace where you want to add paper-2-web
2

Execute installation command

Execute the skills CLI command in your project's root directory to begin installation:

$npx skills add https://github.com/davila7/claude-code-templates --skill paper-2-web

The skills CLI fetches paper-2-web from GitHub repository davila7/claude-code-templates and configures it for Cursor.

3

Select Cursor when prompted

The CLI will show a list of available agents. Use arrow keys to navigate and space to select Cursor:

◆ Which agents do you want to install to?
│ ── Universal (.agents/skills) ── always included ────
│ • Amp
│ • Antigravity
│ • Cline
│ • Codex
│ ●Cursor(selected)
│ • Cursor
│ • Windsurf
4

Verify installation

Confirm successful installation by checking the skill directory location:

.cursor/skills/paper-2-web

Reload or restart Cursor to activate paper-2-web. Access the skill through slash commands (e.g., /paper-2-web) or your agent's skill management interface.

Security & Verification Notice

We perform automated surface-level scans (Gen AI Scanner, Socket, Snyk) during installation. These checks detect common vulnerabilities but do not guarantee complete security. Always review skill source code and verify the publisher's reputation before production use.

Skills execute code in your development environment. Always verify the publisher's identity, review recent commits, and test in isolated environments before production deployment.

List & Monetize Your Skill

Submit your Claude Code skill and start earning

GET_STARTED →

Use Cases

User Story & Requirements Generation

Create detailed user stories, acceptance criteria, and feature specs

Example

Generate user stories for 'password reset feature' with acceptance criteria, edge cases, and test scenarios

Reduce spec writing time by 50%, ensure comprehensive coverage

Competitive Analysis

Research competitors, compare features, identify gaps

Example

Analyze 5 competitor products, create feature comparison matrix, suggest differentiation opportunities

Complete competitive research in 2 hours instead of 2 days

Roadmap Prioritization

Evaluate features using frameworks (RICE, ICE, Kano) and create prioritized backlogs

Example

Score 20 feature ideas using RICE framework, generate prioritized roadmap with rationale

Make data-driven prioritization decisions faster

Stakeholder Communication

Draft PRDs, status updates, and stakeholder presentations

Example

Create executive summary of Q3 roadmap, monthly progress report, feature launch announcement

Save 3-5 hours/week on communication overhead

Implementation Guide

Prerequisites

  • Claude Desktop or compatible AI client
  • Access to product documentation and roadmap tools (Jira, Notion, etc.)
  • Understanding of product management frameworks (RICE, Jobs-to-be-Done, etc.)
  • Stakeholder contact information and communication channels

Time Estimate

30-60 minutes to see productivity improvements

Installation Steps

  1. 1.Install product management skill
  2. 2.Start with user story generation for known feature
  3. 3.Progress to competitive analysis: research 2-3 competitors
  4. 4.Use for roadmap prioritization: apply RICE/ICE scoring
  5. 5.Draft stakeholder communications and refine based on feedback
  6. 6.Build template library for recurring PM tasks
  7. 7.Share effective prompts with product team

Common Pitfalls

  • Not validating competitive research—verify facts before sharing
  • Accepting user stories without involving engineering team
  • Over-relying on frameworks without qualitative judgment
  • Not customizing outputs to company culture and communication style
  • Skipping stakeholder validation of generated requirements

Best Practices

✓ Do

  • +Validate research and competitive analysis with real data
  • +Collaborate with engineering when generating technical requirements
  • +Customize frameworks and templates to your company context
  • +Use skill for first drafts, refine with stakeholder input
  • +Document successful prompt patterns for PM tasks
  • +Combine AI efficiency with human judgment and intuition

✗ Don't

  • Don't publish competitive analysis without fact-checking
  • Don't finalize user stories without engineering review
  • Don't make prioritization decisions solely on AI scoring
  • Don't skip customer validation of generated requirements
  • Don't ignore company-specific context and culture

💡 Pro Tips

  • Provide context: company goals, constraints, customer feedback
  • Ask for alternatives: 'Show 3 ways to prioritize this roadmap'
  • Request stakeholder-specific formatting: 'Executive summary vs. engineering spec'
  • Use skill for 70% generation + 30% customization to company needs

When to Use This

✓ Use When

Use for user story writing, competitive research, roadmap prioritization, stakeholder communication, and PRD drafting. Best for reducing repetitive documentation and research work.

✗ Avoid When

Avoid for strategic product vision (requires deep customer empathy), pricing decisions (needs market and financial expertise), or when face-to-face customer discovery is more valuable than speed.

Learning Path

  1. 1Basic: user stories, feature specs, status updates
  2. 2Intermediate: competitive analysis, prioritization frameworks, PRDs
  3. 3Advanced: product strategy, go-to-market planning, OKR setting
  4. 4Expert: product vision, market positioning, business model innovation

Discussion

Product Hunt–style comments (not star reviews)
  • No comments yet — start the thread.
general reviews

Ratings

4.558 reviews
  • Pratham Ware· Dec 16, 2024

    Useful defaults in paper-2-web — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.

  • Jin Brown· Dec 16, 2024

    We added paper-2-web from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.

  • Arjun Verma· Dec 12, 2024

    I recommend paper-2-web for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.

  • Kofi Patel· Dec 4, 2024

    Keeps context tight: paper-2-web is the kind of skill you can hand to a new teammate without a long onboarding doc.

  • Nia Patel· Nov 23, 2024

    We added paper-2-web from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.

  • Sakshi Patil· Nov 7, 2024

    paper-2-web has been reliable in day-to-day use. Documentation quality is above average for community skills.

  • Dev Smith· Nov 7, 2024

    Keeps context tight: paper-2-web is the kind of skill you can hand to a new teammate without a long onboarding doc.

  • Arjun Abbas· Nov 3, 2024

    Solid pick for teams standardizing on skills: paper-2-web is focused, and the summary matches what you get after install.

  • Chaitanya Patil· Oct 26, 2024

    Solid pick for teams standardizing on skills: paper-2-web is focused, and the summary matches what you get after install.

  • Dev Bhatia· Oct 26, 2024

    paper-2-web is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.

showing 1-10 of 58

1 / 6