Agent skill

Content Asset Creator

by gooseworks-ai in gooseworks-ai/goose-skills

Creates beautiful, branded HTML content assets — industry reports, landing pages, comparison sheets, one-pagers — from structured data.

MITAuto-check passedFrontend & Design

Install Content Asset Creator

skills CLI
$ npx skills add gooseworks-ai/goose-skills --skill content-asset-creator -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install gooseworks-ai/goose-skills content-asset-creator --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/gooseworks-ai/goose-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/content/capabilities/content-asset-creator .claude/skills/content-asset-creator && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
content-asset-creator
GitHub stars
1.2k
Used in
1 other repo
Token cost
~2.3k tokens
SKILL.md length
661 words
Files
2
Skills in repo
273
Repo updated
First seen
Licence
MIT

At a glance

Creates beautiful, branded HTML content assets — industry reports, landing pages, comparison sheets, one-pagers — from structured data.

  • Works in 6 steps: Industry Report (2-3 pages) → Landing Page (single page with CTA) → Comparison Page (side-by-side) → …
  • Tasks that involve Landing pages
  • SKILL.md covers Quick Start, Inputs, Asset Types and Step-by-Step Process, plus 4 more sections
  • Calls curl and npx; reaches juicebox.ai and api.gamma.app; needs GAMMA_API_KEY and V0_API_KEY

What it does

Content Asset Creator is an agent skill from gooseworks-ai/goose-skills. Creates beautiful, branded HTML content assets — industry reports, landing pages, comparison sheets, one-pagers — from structured data. Uses Gamma API (preferred), v0.dev Platform API, or a self-hosted HTML template system with Tailwind CSS. Outputs self-contained HTML files that can be hosted as web pages or converted to PDF.

Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `skill.meta.json`).

It sits in Frontend & Design, covering Landing pages and Schema markup. It works with Tailwind CSS. The repository describes itself as: Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping. The licence is MIT.

When your agent uses it

  • Tasks that involve Landing pages
  • Tasks that involve Schema markup

Example prompts

  • “Use the content-asset-creator skill to create beautiful, branded HTML content assets — industry reports, landing pages, comparison sheets…”
  • “/content-asset-creator”

Requirements

  • Node.js
  • A credential in GAMMA_API_KEY
  • A credential in V0_API_KEY

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. Industry Report (2-3 pages)
  2. Landing Page (single page with CTA)
  3. Comparison Page (side-by-side)
  4. One-Pager (quick reference)
  5. Choose Generation Method
  6. Output

What it can do on your machine

Read from SKILL.md and the folder at commit c650c6d. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • curl
    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • juicebox.ai
    • api.gamma.app
    • api.v0.dev
    • cdn.tailwindcss.com
    • fonts.googleapis.com

    Also links to:

    • developers.gamma.app
    • v0.app

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • GAMMA_API_KEY
    • V0_API_KEY

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Content Asset Creator loads about 2.3k tokens when it runs. Until then it costs about 88 tokens; SKILL.md has 661 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~88
When it runs · the whole SKILL.md, loaded when a task matches
~2.3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from gooseworks-ai/goose-skills at commit c650c6d, republished under its MIT licence (© gooseworks-ai). 661 words, ~2,250 tokens.

Download SKILL.mdSave it as .claude/skills/content-asset-creator/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
content-asset-creator
description
Creates beautiful, branded HTML content assets — industry reports, landing pages, comparison sheets, one-pagers — from structured data. Uses Gamma API (preferred), v0.dev Platform API, or a self-hosted HTML template system with Tailwind CSS. Outputs self-contained HTML files that can be hosted as web pages or converted to PDF.

Content Asset Creator

Generates beautiful, branded content assets (reports, landing pages, one-pagers) from structured data. Designed for producing lead magnets, industry reports, and marketing collateral programmatically.

Quick Start

Create a 2-page industry report for Juicebox about "The State of AI Recruiting in 2026".
Use these data points: [list stats]. Brand: Juicebox blue, clean modern design.

Inputs

  • Asset type (required) — report, landing-page, comparison, one-pager
  • Content data (required) — structured data for the asset (title, sections, stats, narrative)
  • Brand config (optional) — colors, fonts, logo URL. Defaults to Juicebox brand.
  • Output — HTML file path (default: output/[asset-type]-[date].html)

Asset Types

1. Industry Report (2-3 pages)

A data-forward document with stats, narrative sections, and visualizations.

Input structure:

yaml
type: report
title: "The State of AI Recruiting — 2026"
subtitle: "Data-driven insights on how AI is transforming talent acquisition"
brand:
  name: "Juicebox"
  primary_color: "#4F46E5"  # Indigo/blue
  secondary_color: "#10B981"  # Green accent
  font: "Inter"
  logo_url: "https://juicebox.ai/logo.svg"
sections:
  - type: hero-stat
    stat: "93%"
    label: "of recruiters plan to increase AI use in 2026"
    source: "LinkedIn Talent Solutions"
  - type: narrative
    title: "The AI Recruiting Revolution"
    body: "AI adoption in recruiting jumped from 26% to 43% in just two years..."
  - type: stat-grid
    stats:
      - { value: "800M+", label: "Profiles searchable by AI" }
      - { value: "47%", label: "Reduction in time-to-fill" }
      - { value: "10x", label: "Cheaper than LinkedIn Recruiter" }
  - type: comparison-table
    headers: ["Feature", "Traditional", "AI-Powered"]
    rows:
      - ["Search method", "Boolean keywords", "Natural language"]
      - ["Data sources", "1 (LinkedIn)", "60+ sources"]
  - type: cta
    headline: "See AI recruiting in action"
    body: "Try PeopleGPT free — search 800M+ profiles in natural language"
    button_text: "Get Started Free"
    button_url: "https://juicebox.ai"
footer:
  text: "© 2026 Juicebox. Data sources cited throughout."
2. Landing Page (single page with CTA)

A single-page marketing asset with a headline, value props, and email capture.

3. Comparison Page (side-by-side)

A visual comparison of two products (e.g., Juicebox vs LinkedIn Recruiter).

4. One-Pager (quick reference)

A dense, single-page reference sheet (e.g., "PeopleGPT Prompt Library").

Step-by-Step Process

Step 1: Choose Generation Method

Check which tools are available (in priority order):

  1. Gamma API (preferred) — If GAMMA_API_KEY is set, use Gamma Generate API v1.0 (GA since Nov 2025). Requires Pro account ($16/mo). Can create presentations, documents, and web pages programmatically. Supports 60+ languages, up to 100K token input. Rate limit: hundreds per hour.
  2. v0.dev Platform API — If V0_API_KEY is set, use Vercel's v0 Platform API (beta). Requires Premium ($20/mo) or Team plan. Generates React + Tailwind code from prompts. Best for landing pages and interactive web content.
  3. Self-hosted HTML — Fallback: generate HTML directly using Tailwind CSS templates. No external dependency. Full control over output.
Step 2A: Gamma API Generation (Preferred)

Gamma's Generate API v1.0 creates presentations, documents, and web pages from text prompts.

API docs: https://developers.gamma.app/docs/getting-started

bash
curl -X POST https://api.gamma.app/v1/generate \
  -H "Authorization: Bearer $GAMMA_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "prompt": "<structured content prompt>",
    "format": "document",
    "theme": "<optional theme ID>"
  }'

Tips for Gamma:

  • List your available themes first: GET /v1/themes
  • Can share via email programmatically
  • Supports creating from templates: use POST /v1/generate-from-template
  • Output can be viewed as a hosted Gamma page or exported
Step 2B: v0.dev Platform API Generation

v0's Platform API generates React + Tailwind code from natural language prompts.

API docs: https://v0.app/docs/api/platform/overview

The workflow: prompt → project → code files → deployment. Output is deployable to Vercel instantly.

bash
# Create a project with a prompt
curl -X POST https://api.v0.dev/v1/projects \
  -H "Authorization: Bearer $V0_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "prompt": "Create a professional industry report page with..."
  }'

Tips for v0:

  • Best for interactive web pages and landing pages
  • Output is React/Next.js + Tailwind — can be deployed or converted to static HTML
  • Usage-based billing on top of subscription
Show full SKILL.md (305 more words)Show less
Step 2C: Self-Hosted HTML Generation (Fallback)

Generate a self-contained HTML file:

  1. Load the template for the asset type
  2. Inject content from the structured data
  3. Apply brand styles (colors, fonts, logo)
  4. Generate data visualizations using inline SVG or CSS
  5. Output as a single HTML file with all styles inlined

HTML Template Structure:

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{ title }}</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            brand: '{{ primary_color }}',
            accent: '{{ secondary_color }}'
          },
          fontFamily: {
            sans: ['Inter', 'sans-serif']
          }
        }
      }
    }
  </script>
  <style>
    /* Print styles for PDF conversion */
    @media print {
      .page-break { page-break-before: always; }
      body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    }
  </style>
</head>
<body class="font-sans bg-white text-gray-900">
  <!-- Content sections generated here -->
</body>
</html>

Section Templates:

  • hero-stat: Large stat number with label and source
  • narrative: Title + body text in clean typography
  • stat-grid: 3-4 stats in a responsive grid
  • comparison-table: Side-by-side table with highlighting
  • chart: Simple bar/donut chart using CSS or inline SVG
  • cta: Call-to-action block with button
  • footer: Branded footer with disclaimers
Step 3: Output

Save the HTML file:

clients/<client>/strategies/<strategy>/content/[asset-name].html

Optionally convert to PDF:

bash
# Using playwright/puppeteer (if installed)
npx playwright screenshot output.html output.pdf --format=pdf

Or provide instructions for manual PDF conversion (print to PDF from browser).

Brand Configurations

Juicebox Brand
json
{
  "name": "Juicebox",
  "primary_color": "#4F46E5",
  "secondary_color": "#10B981",
  "accent_color": "#F59E0B",
  "background": "#FFFFFF",
  "text_color": "#111827",
  "font_heading": "Inter",
  "font_body": "Inter",
  "logo_url": "https://juicebox.ai/logo.svg"
}

Save brand configs at: skills/content-asset-creator/brands/[client].json

Tips

  • Keep reports to 2-3 pages max. Busy recruiters won't read more.
  • Lead with the biggest, most surprising stat. Make it impossible to scroll past.
  • Every section should have exactly ONE key takeaway. Don't dilute with multiple messages.
  • The CTA should feel natural, not bolted on. The data should lead to the conclusion that the reader needs your product.
  • For PDF distribution: test that the HTML prints well before sending. Use @media print styles.
  • For web distribution: add Open Graph meta tags so it looks good when shared on LinkedIn/Twitter.

Dependencies

  • Tailwind CSS (via CDN — no build step)
  • Google Fonts (via CDN)
  • Optional: Gamma API key (GAMMA_API_KEY) — Requires Gamma Pro account ($16/mo). API v1.0 GA. Docs: https://developers.gamma.app
  • Optional: v0.dev API key (V0_API_KEY) — Requires v0 Premium ($20/mo). Platform API (beta). Docs: https://v0.app/docs/api/platform/overview
  • Optional: Playwright/Puppeteer for PDF conversion

Templates

Templates are stored at skills/content-asset-creator/templates/:

  • report.html — Industry report template
  • landing-page.html — Landing page with email capture
  • comparison.html — Product comparison page
  • one-pager.html — Quick reference sheet

Each template accepts the content data structure defined above.

© gooseworks-ai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in skills/content/capabilities/content-asset-creator of gooseworks-ai/goose-skills.

  • SKILL.md
  • skill.meta.json

Open the folder on GitHubat commit c650c6d

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in gooseworks-ai/goose-skills, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Content Asset Creator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Content Asset Creator compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Content Asset Creator this skillgooseworks-ai/goose-skills1.2k1 repos~2.3kAutomated safety check: PassMIT
Kill AI Slopyetone/kill-ai-slop1.3k—~1.4kAutomated safety check: PassApache-2.0
UI/UX Design System AdvisorGalaxy-Dawn/claude-scholar5.7k1 repos~1.1kAutomated safety check: PassMIT
Design StyleCastor6/tactus3761 repos~2.1kAutomated safety check: PassApache-2.0
Static Sitesbionic-gpt/bionic-gpt2.4k—~920Automated safety check: PassApache-2.0
Animated React Component LibrariesHainrixz/editor-pro-max2641 repos~5.7kAutomated safety check: PassCustom licence

Similar skills

  • Kill AI Slop

    yetone/kill-ai-slop

    Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

    1.3k GitHub stars~1.4k tokensUpdated 26 days ago
    Frontend & DesignAuto-check passed
  • UI/UX Design System Advisor

    Galaxy-Dawn/claude-scholar

    Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

    5.7k GitHub starsUsed in 1 repo~1.1k tokens
    Frontend & DesignAuto-check passed
  • Design Style

    Castor6/tactus

    A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

    376 GitHub starsUsed in 1 repo~2.1k tokens
    Frontend & DesignAuto-check passed
  • Static Sites

    bionic-gpt/bionic-gpt

    Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

    2.4k GitHub stars~920 tokensUpdated 4 days ago
    Frontend & DesignAuto-check passed
  • Animated React Component Libraries

    Hainrixz/editor-pro-max

    Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

    264 GitHub starsUsed in 1 repo~5.7k tokens
    Frontend & DesignAuto-check passed
  • Unslop UI

    JCarterJohnson/vibecoded-design-tells

    Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default.

    513 GitHub stars~1.9k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed

More from gooseworks-ai/goose-skills

All 273 skills in this repo
  • Reddit Post Finder

    gooseworks-ai/goose-skills

    Scrape and search Reddit posts using Apify. An agent skill from gooseworks-ai/goose-skills.

    1.2k GitHub starsUsed in 1 repo~1.2k tokens
    Auto-check passed
  • Create Image Fal

    gooseworks-ai/goose-skills

    Generate or edit an image via any FAL image model (nano-banana edit, gpt-image, flux, ...), ROUTED THROUGH THE fal-proxy so it bills the Ads agent.

    1.2k GitHub stars~1.3k tokensUpdated today
    Auto-check passed
  • Render Hook Replacement

    gooseworks-ai/goose-skills

    Replace an existing video's opening with a supplied clip or free kinetic text hook while retaining and verifying every original body frame, audio, captions and ending.

    1.2k GitHub stars~2.3k tokensUpdated today
    Auto-check passed
  • Blog Feed Monitor

    gooseworks-ai/goose-skills

    Scrape blog posts via RSS feeds (free, no API key) with Apify fallback for JS-heavy sites.

    1.2k GitHub starsUsed in 1 repo~578 tokens
    Auto-check passed
  • Competitor Post Engagers

    gooseworks-ai/goose-skills

    Find leads by scraping engagers from a competitor's top LinkedIn posts.

    1.2k GitHub starsUsed in 1 repo~1.8k tokens
    Auto-check: notes
  • Render Chatgpt Chat

    gooseworks-ai/goose-skills

    Assemble a ChatGPT chat-reveal video ad from a thread + timeline JSON — one continuous Playwright recording of a ChatGPT mobile chat (user types with the iOS keyboard up → taps send → keyboard…

    1.2k GitHub stars~2.3k tokensUpdated today
    Auto-check passed

Works with

Questions about Content Asset Creator

What does Content Asset Creator do?

Creates beautiful, branded HTML content assets — industry reports, landing pages, comparison sheets, one-pagers — from structured data. Content Asset Creator is an agent skill from gooseworks-ai/goose-skills. Creates beautiful, branded HTML content assets — industry reports, landing pages, comparison sheets, one-pagers — from structured data.

When should I use Content Asset Creator?

Content Asset Creator fits situations like: tasks that involve Landing pages; tasks that involve Schema markup.

How do I install Content Asset Creator in Claude Code?

Run `npx skills add gooseworks-ai/goose-skills --skill content-asset-creator -a claude-code`. Or copy the skill folder (skills/content/capabilities/content-asset-creator in gooseworks-ai/goose-skills) into .claude/skills/content-asset-creator in your project. Claude Code loads it when a task matches its description.

How do I install Content Asset Creator in Codex?

Run `npx skills add gooseworks-ai/goose-skills --skill content-asset-creator -a codex`. Or copy the skill folder (skills/content/capabilities/content-asset-creator in gooseworks-ai/goose-skills) into .agents/skills/content-asset-creator in your project. Codex loads it when a task matches its description.

Can I use Content Asset Creator in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add gooseworks-ai/goose-skills --skill content-asset-creator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/content-asset-creator, .gemini/skills/content-asset-creator, .github/skills/content-asset-creator and .opencode/skills/content-asset-creator in your project.

What does Content Asset Creator need to run?

Going by SKILL.md and its folder, Content Asset Creator needs the command-line tools its instructions call (curl and npx) and credentials named GAMMA_API_KEY and V0_API_KEY. Our summary lists: Node.js; A credential in GAMMA_API_KEY; A credential in V0_API_KEY.

Does Content Asset Creator access the network?

SKILL.md names 7 domains. In commands or code: juicebox.ai, api.gamma.app, api.v0.dev, cdn.tailwindcss.com and fonts.googleapis.com; the agent is likely to contact these when it follows the instructions. As links in the text: developers.gamma.app and v0.app. This is read from the text; nothing was executed.

Is Content Asset Creator safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Content Asset Creator use?

Content Asset Creator is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Content Asset Creator use?

About 2.3k tokens (SKILL.md is roughly 9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Content Asset Creator?

Skills that share tags, products or a category with Content Asset Creator: Kill AI Slop (yetone/kill-ai-slop, 1.3k stars), UI/UX Design System Advisor (Galaxy-Dawn/claude-scholar, 5.7k stars), Design Style (Castor6/tactus, 376 stars) and Static Sites (bionic-gpt/bionic-gpt, 2.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Content Asset Creator?

gooseworks-ai (a GitHub organization) maintains it in gooseworks-ai/goose-skills, which has 1,240 GitHub stars. The repository holds 273 skills in this directory. The repository was last updated on October 8, 2026.

Source: gooseworks-ai/goose-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.