goose-graphics
Portable visual skill pack for the Agent Skills ecosystem (Claude Code, Claude Desktop, Claude Cowork, Claude Design, Goose, Cursor, Codex). Discovers community-published styles + formats via the gooseworks CLI, runs an extract-style workflow on reference images, and exports rendered PNGs via Playwright.
npx skills add gooseworks-ai/goose-skills --skill goose-graphics --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
## 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 the screenshot pipeline live in this skill pack. Styles, formats, and example renders are fetched on demand from the central library — no slugs are baked in. ## 2. Invocation This skill supports **three invocation modes** — all-args, partial-args, and interactive. Pick the fastest path for the ask. ### 2.1 Full-args invocation (fastest path) ``` /goos
- 1. Overview
- 2. Invocation
- 2.1 Full-args invocation (fastest path)
- 2.2 Examples
- 2.3 Defaults when args are partial but unambiguous
- 3. Discovering styles and formats
- 4. Publishing your style
- 4.1 Description-writing guidelines (load-bearing)
- 4.2 Tag-writing guidelines
- 4.3 Example count guidance
- 5. Publishing your format
- 6. Host compatibility
- 7. First-Run Setup
- 8. Interactive Workflow
Full args — one-shot generate Reference-driven — extract a one-off style from an image and build with it Partial — Claude asks for the missing brief No args — full interactive flow List or search styles npx gooseworks styles list npx gooseworks styles search "warm editorial" npx gooseworks styles list --mood "Organic & Warm" --tag warm Fetch a specific style's DESIGN.md (the slim spec) — pipe into Claude Design, or include in the agent context for HTML generation
What does the goose-graphics skill do?
Portable visual skill pack for the Agent Skills ecosystem (Claude Code, Claude Desktop, Claude Cowork, Claude Design, Goose, Cursor, Codex). Discovers community-published styles + formats via the gooseworks CLI, runs an extract-style workflow on reference images, and exports rendered PNGs via Playwright.
How do I install it?
Run `npx skills add gooseworks-ai/goose-skills --skill goose-graphics --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From gooseworks-ai/goose-skills, a repository with 1,091 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.