skills.rest
AlessioScarfone
AlessioScarfoneCOMMUNITY
Explore all skills by this author →
GitHub

typeset-free

Generate self-contained HTML documents styled from a DESIGN.md design system.

1|Updated Mar 5, 2026
Search Tags:#html#design system#css#typesetting#document generation#PDF export#weasyprint
One-click install
npx skills add https://github.com/AlessioScarfone/aine-copilot-plugins --skill typeset-free-alessioscarfone
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset-free
Source: https://github.com/AlessioScarfone/aine-copilot-plugins/tree/main/src/design/skills/typeset-free
Command: npx skills add https://github.com/AlessioScarfone/aine-copilot-plugins --skill typeset-free-alessioscarfone

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Turning raw content into a professionally styled document that matches a custom design system normally requires manual CSS work or rigid templates. This Skill reads any DESIGN.md file and produces a pixel-faithful HTML document with all styles derived inline from the design tokens. ## Core Features & Use Cases - Design-token-driven styling: Parses DESIGN.md sections (colors, typography, layout, elevation) into CSS custom properties, with safe defaults when sections are missing. - Five document types: Routes content to one-pagers, resumes, letters, long-form reports, or slide decks, each with type-specific layout rules and A4 print support. - Content distillation and gap-checking: Extracts facts and metrics from raw prose, maps them to document sections, and asks once about missing information instead of inventing data. - Use Case: Paste your DESIGN.md and a rough product brief, then receive a styled one-page HTML pitch document plus WeasyPrint commands to export it as PDF or PNG. ## Quick Start Ask the AI to typeset the attached content into a one-pager using the DESIGN.md in the project root.

Frequently Asked Questions about typeset-free

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a styled HTML document from a DESIGN.md file?▼

Place DESIGN.md in your project root for auto-discovery, attach it by path, or paste its content inline. The skill parses color, typography, and layout tokens into CSS custom properties and emits a single HTML file with all styles inline.

What document types can I create from a design system?▼

Five types are supported: one-pagers, resumes, letters, long-form reports of 4-8 pages, and slide decks of 8-20 slides. Each type has its own layout rules, page targets, and @page print configuration.

How do I convert the generated HTML to PDF?▼

Run weasyprint output.html output.pdf to produce a PDF. If WeasyPrint is unavailable, open the HTML in Chrome and use File, Print, Save as PDF with margins set to None and background graphics enabled.

Does this support Chinese or Japanese documents?▼

No, only Latin-script languages such as English, Italian, Spanish, French, German, Portuguese, Dutch, and Polish are supported. For Chinese, Japanese, Korean, or other CJK scripts, the skill directs you to use the Kami skill instead.

What happens if my DESIGN.md is missing sections?▼

All DESIGN.md sections are optional. Missing sections fall back to safe defaults: white background, system-ui sans-serif fonts, an 8px base spacing unit, and no shadows.

When should I not use template-free document generation?▼

Avoid it for coding tasks, CJK language output, or when no design system is available. The skill requires a DESIGN.md from the project root, a provided path, or pasted content before it can proceed.

Related Skills

Explore More Design & Creative Skills→
Intension-usIntension-us

design-consultation

Generate a DESIGN.md documenting typography, color, spacing, layout, and motion guidelines.

Official
Advanced
amdmaxamdmax
2

reveal-pdf-export

Export Reveal.js HTML presentations to PDF using Chrome CDP.

Community
Advanced
TakfesTakfes

doc-coauthoring

Guide collaborative drafting of structured documents through staged context gathering and reader testing.

Community
Advanced
nexu-ionexu-io
93.2k

kami-landing

Generate print-grade single-page HTML documents using the kami design system.

Official
Intermediate