PDF To Marketing Site — Testing skill for Claude Code
Claude Code skill that turns product PDFs — brochures, spec sheets, supplier catalogs — into Apple-grade Vite + TypeScript + Tailwind marketing sites, with faithful content extraction, AI-assisted ima.
How to install PDF To Marketing Site
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open bowen31337/pdf-to-marketing-site and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What PDF To Marketing Site does
Claude Code skill that turns product PDFs — brochures, spec sheets, supplier catalogs — into Apple-grade Vite + TypeScript + Tailwind marketing sites, with faithful content extraction, AI-assisted image cleanup and prerendered, portable output.
Alternatives in Testing
- Marketing Skills Versions — Current versions of all skills 13.8k ★
- Production Grade — Production Grade — route any build, feature, review, test, harden, ship, or docs request through the 14-agent 175 ★
- Robotics Agent Skills — Agent skills that make AI coding assistants write production-grade robotics software 170 ★
README
pdf-to-marketing-site
**A Claude Code skill that turns a product PDF — brochure, spec sheet, or supplier catalog — into a polished, Apple-grade marketing website.**
Hand Claude a PDF and get back a fast, prerendered **Vite + TypeScript + Tailwind CSS v4** site: extracted and understood content, upgraded product imagery, product detail sheets, light/dark themes, spring-physics motion, and a build report listing every decision and every open question. It is built around two equal goals:
- Faithfulness — every spec, number and claim on the page is traceable to the PDF or a cited source. No invented testimonials, prices, health claims or summed-up "millions sold".
- Finish — optical typography, Liquid Glass materials, interruptible springs, clean cutouts and pixel-checked layouts in the style of apple.com.
Highlights
| Understands messy sources | Reads text and images. Corrects machine-translated supplier catalogs with evidence (e.g. decoding garbled material names from Chinese labels baked into a product photo), keeping the original wording traceable. |
| Upgrades the imagery | Peels nested frames, removes white and coloured studio backdrops, falls back to Apple Vision subject lifting on macOS for white-on-white or clear products, crops away foreign-language labels and third-party branding, and recreates icons, marks and diagrams as hand-authored SVG. |
| Apple-grade template | Floating glass nav, sticky category sub-nav with a spring indicator, adaptive bento grid that never leaves orphan cards, draggable bottom-sheet product details, scroll-linked hero, dark mode, reduced-motion/transparency/contrast support. |
| Catalog or single product | One content schema drives both a multi-product catalog (categories, product sheets) and a single-product page (features, tech specs). |
| Prerendered & portable | Every page is rendered to static HTML at build time — indexable, JSON-LD product data, works without JS. |
Related Skills
Pi Webgl Scroll Site
A verified AI-agent skill for building scroll-driven WebGL/three.js sites: working spine, measured gotchas, nu
Smart Link Collector
Telegram + WhatsApp bot. Send any product link → Claude extracts the spec → row in Google Sheets. Single-scrip
MVP Builder Skill
Claude Code skill for building production-quality web apps and MVPs from scratch. Full workflow: spec → brandi
Packrift Commerce Agent
Anthropic's Claude commerce-agents shopping agent running on a live 13,000-SKU packaging store (Shopify UCP +
Apple Testing
XCTest and UI testing for Apple platforms
Validate Module
Run complete two-agent validation on module+tests (contract extraction + test validation). Binary pass/fail wi
Related Agents
Frontend Builder
Full-stack frontend engineer. Builds React/Vite/Tailwind sites from design briefs. Has full code editing acces
Pixel
Frontend specialist. Invoke for any UI work: React components, TypeScript, CSS/Tailwind, Next.js, Vite, routin
Vue3 Coder
Expert Vue 3 + JavaScript developer agent specializing in Composition API, Vite, and Tailwind CSS. Handles com