Generates PNG social cards and carousel slides from user-provided text using Typst templates.
npx skills add https://github.com/ondata/skills --skill typst-cards
Please help me install this Agent Skill. Skill: typst-cards Source: https://github.com/ondata/skills/tree/main/skills/typst-cards Command: npx skills add https://github.com/ondata/skills --skill typst-cards
This Skill removes the trial-and-error and rework involved in designing consistent, brand-aligned social media cards by turning your text and optional brand assets into ready-to-post PNGs.
Ask your AI assistant to use the typst-cards skill to generate a 6-slide Instagram carousel with your logo and preferred palette as downloadable PNGs.
High-intent search queries and answers about installing and using this skill.
Social cards are generated by compiling user text through Typst into professional PNG images, ensuring brand consistency and layout correctness. The workflow applies extracted design tokens from an interview process to render visual posts for social media contexts.
Automating brand design for infographics involves extracting design tokens like logos, palettes, and fonts into a Typst theme file. This enforces brand consistency across generated visual posts and slide decks without requiring manual layout adjustments.
Typst can be used to create 9:16 story and 1.91:1 LinkedIn formats, supporting common social media layouts including 1:1, 4:5, and 16:9. The tool automatically selects and renders the appropriate context-specific format for your visual posts.
Preventing footer and counter clipping when generating PNG slides requires a review-focused step during Typst compilation. Built-in guardrails enforce layout correctness and automatically avoid clipping issues in the output images.
A DESIGN.md file is optional for generating social cards, as the workflow conducts an interactive interview to capture theme inputs. If provided, design tokens are extracted directly from DESIGN.md into a theme.typ file to enforce brand consistency.
Limitations of using Typst for social card generation include the need for an interactive interview process to establish theme inputs and potential layout adjustments to avoid footer and counter clipping. It outputs individual PNG files rather than animated formats.
gouravsingh311Analyze Stitch project assets and codify design tokens into DESIGN.md files.
collat-labsGenerate and edit Typst (.typ) code validated by typst compile.
reasondbGenerate theme.json and custom.css from repository branding cues.
hmzainjamilPlan infographic layouts and content structure with visual design specifications.
