goose-graphics
goose-graphics is a visual skill pack that renders graphics across formats like carousels, stories, and posters by combining community-published styles with an HTML-to-PNG pipeline. Invoke it with a style slug, format, and brief description, or let it guide you interactively. Styles and formats are fetched on demand from a central library via the gooseworks CLI, so you always have access to the latest community designs without bundling.
goose-graphics generates social media graphics and visual content in multiple formats by applying community styles and exporting rendered PNGs.
AI-generated summary based on this skill's SKILL.md
Install
gooseworks-ai/goose-skills/goose-graphics · repository language: Python
git clone https://github.com/gooseworks-ai/goose-skills
cp -r goose-skills/skills/design/composites/goose-graphics ~/.claude/skills/goose-graphicsFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I generate social media carousel images automatically with goose-graphics?
goose-graphics renders carousel graphics by combining a style slug, format specification, and your content description. Invoke the skill with your desired layout (carousel, story, or poster), select a community-published style from the gooseworks library, and provide brief text or theme details. The skill fetches the latest styles on demand via the gooseworks CLI, then converts your HTML design to high-resolution PNG exports using Playwright.
Can I extract a custom visual style from a reference image?
Yes. goose-graphics supports extracting custom visual styles directly from reference images for one-off renders. Upload or reference your image, and the skill analyzes its visual properties to generate a matching design. You can then apply this extracted style immediately or publish it to the shared library for future reuse across your team or community.
What is goose-graphics and how does it work?
goose-graphics is a visual skill pack that renders graphics across multiple formats—carousels, stories, posters, and more—by combining community-published design styles with an HTML-to-PNG rendering pipeline. Invoke it with a style slug, format, and description, or use interactive guidance. Styles and formats are fetched on demand from a central library, ensuring you always access the latest community designs without bundling.
How do I publish my custom design styles to the library?
goose-graphics lets you publish custom design styles and formats to the shared library for team or community reuse. After creating or extracting a style, use the publish option to add it to the gooseworks catalog. Once published, your style becomes discoverable by other users and can be applied to new graphics using its style slug.
Does goose-graphics support HTML-to-PNG conversion?
Yes. goose-graphics converts HTML designs to high-resolution PNG exports via Playwright, enabling automated rendering for presentations, social media, and other visual outputs. This pipeline powers the skill's ability to transform styled templates into production-ready graphics across all supported formats.
What design styles and formats are available in goose-graphics?
goose-graphics provides access to community-published design styles and formats fetched on demand from the gooseworks library. Available options include carousel layouts, Instagram story templates, event posters, LinkedIn post formats, and more. The library is continuously updated, so new community designs are accessible without requiring skill updates.
SKILL.md
rendered from the published skill — quoted content, verbatim
1. Overview
goose-graphics is a portable visual skill pack for the Agent Skills ecosystem. Styles and formats live in the central Gooseworks library — fetched on demand via npx gooseworks instead of bundled into this repo. The skill pairs that catalog with an extract-style workflow for reference images, an Unsplash + ASCII art image-sourcing layer, and a Playwright-based HTML-to-PNG export pipeline.
It loads in any host that reads SKILL.md — Claude Code agents calling it for automated render, Goose pipelines wiring it into content generation, Cursor/Codex projects picking it up via .cursor/rules/ or ~/.codex/skills/. Each style ships a slim DESIGN.md spec via npx gooseworks styles get <slug>, which can also be uploaded directly into Claude Design as a design-system scaffold.
Format templates, image-sourcing helpers, and
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 12 files
skills/design/composites/goose-graphics/README.md
skills/design/composites/goose-graphics/SKILL.md
skills/design/composites/goose-graphics/extract-style.md
skills/design/composites/goose-graphics/screenshot/.gitignore
skills/design/composites/goose-graphics/screenshot/fetch-full-tweet.js
skills/design/composites/goose-graphics/screenshot/fetch-tweet.js
skills/design/composites/goose-graphics/screenshot/package-lock.json
skills/design/composites/goose-graphics/screenshot/package.json
skills/design/composites/goose-graphics/screenshot/screenshot.js
skills/design/composites/goose-graphics/skill.meta.json
skills/design/composites/goose-graphics/sources/ascii-art.md
skills/design/composites/goose-graphics/sources/unsplash.md