Create three different compositions: editorial, poster and specimen. Import a licensed local TTF/OTF, check glyphs, adjust tracking and leading, and export a measured seven-step type scale as CSS.
Three identities. Three distinct results.
Typography SVG / PNGSeven-step type-scale CSSEditable HTML + project JSONSilent MP4 + specification + integrity manifestDesigners, brand teams and creators building reusable visual assets.
Browser editing and still exports need no installation. Local MP4 export needs Node.js 24.15+, pinned npm dependencies and FFmpeg. Examples are fictional. No API key or paid generation service is required. RGB art needs print-provider review for physical production. Custom fonts require appropriate embedding and redistribution rights.
Create three different compositions: editorial, poster and specimen. Import a licensed local TTF/OTF, check glyphs, adjust tracking and leading, and export a measured seven-step type scale as CSS.
Choose a starting point, edit labeled fields and preview your finished design. Save project JSON or editable HTML, undo changes and keep an optional local draft. Export SVG and PNG directly in the browser; render silent 12–24 second landscape, portrait or square MP4s with the included local renderer.
Browser editing and still exports need no installation. Local MP4 export needs Node.js 24.15+, pinned npm dependencies and FFmpeg. Examples are fictional. No API key or paid generation service is required. RGB art needs print-provider review for physical production. Custom fonts require appropriate embedding and redistribution rights.
FROM PACKAGE TO FIRST RESULT
Choose a starting point, add the content you already have, then let your agent check the setup and create one result.
Purchase access is required. Unzip the package into the project folder below, or let your agent follow the installation guide. .agents/skills/type-specimen
Your project name, audience and the content or images you already have are enough to start. Your agent will ask for anything essential that is missing.
Package location: .agents/skills/type-specimen
Use type-specimen. Read SKILL.md and start with examples/default.json. My goal: create typography assets using approved copy and licensed fonts. Ask for my audience, brand, approved copy and intended use. Replace the fictional example with my reviewed content. Show a small preview first; check geometry, text and font rights. Deliver editable project JSON and HTML, domain exports, SVG/PNG and a silent finished-result MP4 into a new folder.
Use a new output folder and preserve existing files. Inspect the actual deliverables (Typography SVG / PNG, Seven-step type-scale CSS, Editable HTML + project JSON), open the visual result and explain failed checks. An incomplete dependency check is not a successful result. Ask before paid services and do not publish automatically.Give this request to Claude Code, Codex or Cursor. Your agent can collect the missing details and guide your first result.
Use type-specimen. Read SKILL.md and start with examples/default.json. My goal: create typography assets using approved copy and licensed fonts. Ask for my audience, brand, approved copy and intended use. Replace the fictional example with my reviewed content. Show a small preview first; check geometry, text and font rights. Deliver editable project JSON and HTML, domain exports, SVG/PNG and a silent finished-result MP4 into a new folder.Purchase access is required to install the package. Technical commands are available below when you need them.
Unzip into a new folder and open the studio directly. Choose an agent below if you would like help reviewing sources or writing your own content.
Package folder .agents/skills/type-specimen
Download and unzip the package into the folder above. Keep all its files together, with SKILL.md directly inside that folder.
Downloads require a verified account and purchase access. Choose a new folder if this Skill is already installed.
Open studio.html, choose a starting design, edit the labeled fields and Apply changes. Export assets in your browser; save project JSON and ask your agent to render the result film.
Browser editing and portable exports need no dependency installation. Save HTML and project JSON to keep your work. The optional command-line builder is described below.
Read SKILL.md, review the generator and check its runtime requirements before running:
cd .agents/skills/type-specimen
npm install --ignore-scripts
node scripts/build.mjs --input examples/default.json --output ./my-assetsChoose the closest example, replace the brand and copy, and Apply changes. Preview every scene and format, save your project and export the approved assets. Ask your agent to render the final MP4.
Browser editing and still exports need no installation. Local MP4 export needs Node.js 24.15+, pinned npm dependencies and FFmpeg. Examples are fictional. No API key or paid generation service is required. RGB art needs print-provider review for physical production. Custom fonts require appropriate embedding and redistribution rights.
If my-assets already exists, change the output to ./my-assets-2. Existing files are never overwritten.
Use type-specimen. Read SKILL.md and start with examples/default.json. My goal: create typography assets using approved copy and licensed fonts. Ask for my audience, brand, approved copy and intended use. Replace the fictional example with my reviewed content. Show a small preview first; check geometry, text and font rights. Deliver editable project JSON and HTML, domain exports, SVG/PNG and a silent finished-result MP4 into a new folder.
Tried this workflow? Help others decide with an honest review.
The listed individual package price is USD 4.99. Premium downloads require a confirmed purchase or active membership. Your agent subscription, model access and external provider credits are separate.
This release lists Codex, Claude Code, Cursor as intended installation hosts. Check the package’s dependencies and permissions before running it. These labels do not certify that every workflow has been tested in every agent.
The documented 1.0.0 workflow lists: Typography SVG / PNG; Seven-step type-scale CSS; Editable HTML + project JSON; Silent MP4 + specification + integrity manifest. Some files or exports are optional; follow the package’s setup and inspect the delivered result.
Browser editing and still exports need no installation. Local MP4 export needs Node.js 24.15+, pinned npm dependencies and FFmpeg. Examples are fictional. No API key or paid generation service is required. RGB art needs print-provider review for physical production. Custom fonts require appropriate embedding and redistribution rights.
