Design
Ohh-889/skyroc
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…
Configure company branding or update report design, tokens, templates, and runtime design guidance.
Install Paid Media Design
$ npx skills add langchain-ai/paid-media-agent --skill paid-media-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install langchain-ai/paid-media-agent paid-media-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/langchain-ai/paid-media-agent.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/paid-media-design .claude/skills/paid-media-design && rm -rf skills-srcUse ~/.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/
Install the "paid-media-design" agent skill from https://github.com/langchain-ai/paid-media-agent/tree/main/.agents/skills/paid-media-design into .claude/skills/paid-media-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "paid-media-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/langchain-ai/paid-media-agent/tree/main/.agents/skills/paid-media-designType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add langchain-ai/paid-media-agent --skill paid-media-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install langchain-ai/paid-media-agent paid-media-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/langchain-ai/paid-media-agent.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/paid-media-design .agents/skills/paid-media-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "paid-media-design" agent skill from https://github.com/langchain-ai/paid-media-agent/tree/main/.agents/skills/paid-media-design into .agents/skills/paid-media-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "paid-media-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add langchain-ai/paid-media-agent --skill paid-media-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install langchain-ai/paid-media-agent paid-media-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/langchain-ai/paid-media-agent.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/paid-media-design .cursor/skills/paid-media-design && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "paid-media-design" agent skill from https://github.com/langchain-ai/paid-media-agent/tree/main/.agents/skills/paid-media-design into .cursor/skills/paid-media-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "paid-media-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/langchain-ai/paid-media-agent.git --path .agents/skills/paid-media-design--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add langchain-ai/paid-media-agent --skill paid-media-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install langchain-ai/paid-media-agent paid-media-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/langchain-ai/paid-media-agent.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/paid-media-design .gemini/skills/paid-media-design && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "paid-media-design" agent skill from https://github.com/langchain-ai/paid-media-agent/tree/main/.agents/skills/paid-media-design into .gemini/skills/paid-media-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "paid-media-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install langchain-ai/paid-media-agent paid-media-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add langchain-ai/paid-media-agent --skill paid-media-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/langchain-ai/paid-media-agent.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/paid-media-design .github/skills/paid-media-design && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "paid-media-design" agent skill from https://github.com/langchain-ai/paid-media-agent/tree/main/.agents/skills/paid-media-design into .github/skills/paid-media-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "paid-media-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add langchain-ai/paid-media-agent --skill paid-media-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install langchain-ai/paid-media-agent paid-media-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/langchain-ai/paid-media-agent.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/paid-media-design .opencode/skills/paid-media-design && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "paid-media-design" agent skill from https://github.com/langchain-ai/paid-media-agent/tree/main/.agents/skills/paid-media-design into .opencode/skills/paid-media-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "paid-media-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
paid-media-design- GitHub stars
- 103
- Token cost
- ~960 tokens
- SKILL.md length
- 448 words
- Files
- 1
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
Configure company branding or update report design, tokens, templates, and runtime design guidance.
- Works in 4 steps: Run the relevant existing tests,… → Render a synthetic report. Inspect… → Run the repository checks in AGENTS.md.… → …
- Tasks that involve Paid advertising
- SKILL.md covers Read first, Set the company style, Edit the owning layer and Verify
- Calls uv
What it does
Paid Media Design is an agent skill from langchain-ai/paid-media-agent, published by the product's own GitHub organization. Configure company branding or update report design, tokens, templates, and runtime design guidance. Use during onboarding, when DESIGN.md changes, or when a user requests report styling or layout changes.
Its SKILL.md is about 960 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Marketing & SEO, covering Paid advertising and Design tokens. It works with LangGraph. The repository describes itself as: Open-source paid media agent for Google Ads, Meta Ads, Reddit, LinkedIn, X, and OpenAI Ads: analysis, reports, and reviewed changes, built on Deep Agents. The licence is Apache-2.0.
When your agent uses it
- Tasks that involve Paid advertising
- Tasks that involve Design tokens
Example prompts
- “/paid-media-design”
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- Run the relevant existing tests, starting with
- Render a synthetic report. Inspect desktop, narrow-screen, and every PDF page. Verify that
- Run the repository checks in AGENTS.md. For runtime skill changes, use a clean mda build
- Rebuild self-hosted images after renderer changes. Runtime skill mounts update separately;
What it can do on your machine
Read from SKILL.md and the folder at commit a4d59f2. 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:
uv
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use uv, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Paid Media Design loads about 960 tokens when it runs. Until then it costs about 56 tokens; SKILL.md has 448 words of instructions outside code blocks.
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 langchain-ai/paid-media-agent at commit a4d59f2, republished under its Apache-2.0 licence (© langchain-ai). 448 words, ~960 tokens.
Download SKILL.mdSave it as
.claude/skills/paid-media-design/SKILL.md (or your agent's skills folder).- name
- paid-media-design
- description
- Configure company branding or update report design, tokens, templates, and runtime design guidance. Use during onboarding, when DESIGN.md changes, or when a user requests report styling or layout changes.
Maintain report design
Read first
- DESIGN.md: company design decisions.
- Theme tokens: renderer values.
- Report template: HTML and print layout.
- Runtime skill and component recipes: document-authoring guidance.
- Customization: user setup and deployment paths.
Preserve the accepted appearance unless the user requests a visual change.
Set the company style
During onboarding, offer to apply the company's palette, fonts, and report name. Use supplied
brand guidance or an approved example; ask only for missing choices. If none is available,
keep the shipped defaults and explain that DESIGN.md can be updated later. Do not block setup.
For lasting changes, update workspace/skills/report-design/DESIGN.md first, then apply the same
values to tokens.j2 in the same change. Encourage users asking for recurring report changes to
record them there. A one-off document request does not change the company's defaults.
Company tokens are authoritative. Reuse existing semantic roles for colors, font families, spacing, and corners. Do not improvise a palette, import another product's styling, or add literal brand values to templates or component recipes. Preserve the company's requested fonts with valid local fallbacks. Add a logo only when requested and authorized.
Edit the owning layer
| Change | Edit |
|---|---|
| Palette, fonts, spacing, corners, report name, optional logo | DESIGN.md and tokens.j2 |
| Layout, responsive behavior, print pagination | report.html.j2; update design rules if they change |
| Guidance for custom documents | Runtime SKILL.md and COMPONENTS.md |
| Calculation or data semantics | The analysis/report code and its existing tests |
Keep theme values out of Python. Use tokens for CSS and resolve the same values into SVG and
PDF styles. Do not duplicate logos or palettes across skill folders. Custom document recipes
must read the company tokens from DESIGN.md.
Keep figures, date windows, currencies, missing states, and attribution rules intact. Style changes must not change calculations, tool access, approvals, or delivery. Preserve unrelated work and keep source references and company data out of public examples.
Local coding-agent skills live in .agents/skills; .claude/skills links to that directory.
Keep this workflow there. Only workspace/skills goes into the runtime skill bundle.
Show full SKILL.md (121 more words)Show less
Verify
- Run the relevant existing tests, starting with
uv run pytest tests/unit/test_reads_and_surfaces.py tests/unit/test_docs_links.py -q. - Render a synthetic report. Inspect desktop, narrow-screen, and every PDF page. Verify that the company colors and fonts reach charts and print, signs and units remain visible, tables fit or scroll, and the reported values are unchanged.
- Run the repository checks in
AGENTS.md. For runtime skill changes, use a cleanmda buildand inspect.mda/__contexthub__/skills. Confirm.agentsskills are not in that bundle. - Rebuild self-hosted images after renderer changes. Runtime skill mounts update separately; a Markdown edit alone does not update the built-in report template or a hosted deployment.
Show the result and state what was verified. Commit or deploy only when requested.
© langchain-ai, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .agents/skills/paid-media-design of langchain-ai/paid-media-agent.
Open the folder on GitHubat commit a4d59f2
Compare with similar skills
Paid Media Design 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Paid Media Design this skilllangchain-ai/paid-media-agent | 103 | — | ~960 | Automated safety check: Pass | Apache-2.0 | |
| DesignOhh-889/skyroc | 795 | 9 repos | ~3.1k | Automated safety check: Pass | MIT | |
| Ad Creative Builderaaron-he-zhu/aaron-marketing-skills | 2.9k | 2 repos | ~2.2k | Automated safety check: Pass | Apache-2.0 | |
| Brand Kitcognyai/claude-code-marketing-skills | 104 | — | ~3.4k | Automated safety check: Notes | None | |
| Landing Optimizeraaron-he-zhu/aaron-marketing-skills | 2.9k | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | |
| Custom Product Pagesappeeky/aso-skills | 2.2k | — | ~1.7k | Automated safety check: Pass | MIT |
Similar skills
Ad Creative Builder
aaron-he-zhu/aaron-marketing-skills
A skill your agent uses when the user asks to "write ad copy", "generate RSA headlines", or "build ad creative at volume"; produces ad units — RSA headlines/descriptions, hooks, and an angle matrix…
Brand Kit
cognyai/claude-code-marketing-skills
Build a portable brand-kit.json for the user's product — colors, typography, voice — that other skills (video, ad creative, landing page) can consume.
Landing Optimizer
aaron-he-zhu/aaron-marketing-skills
A skill your agent uses when the user asks to "optimize our landing page for influencer traffic", "fix our promo-code landing page", or "improve conversion from a creator campaign"; produces a…
Custom Product Pages
appeeky/aso-skills
When the user wants to design, deploy, or measure Apple Custom Product Pages (CPP) — the alternate App Store product pages with different screenshots, preview videos, and promo text shown to users…
Ads Creative
AgriciDaniel/claude-ads
Audit paid-ad copy, images, video, hooks, concepts, format coverage, platform-native fit, message match, creative fatigue, accessibility, and policy across supported platforms.
More from langchain-ai/paid-media-agent
- Official
Paid Media Analysis
langchain-ai/paid-media-agent
Analyze paid-media performance, compare periods or entities, diagnose issues, and make evidence-backed recommendations across connected ad platforms.
- Official
Paid Media Wiki
langchain-ai/paid-media-agent
The paid-media business wiki the other skills route to. An agent skill from langchain-ai/paid-media-agent.
- Official
Report Design
langchain-ai/paid-media-agent
Apply company design rules to HTML reports, PDFs, and briefs.
- Official
Paid Media Onboarding
langchain-ai/paid-media-agent
Install and configure Paid Media Agent, connect ad platforms, choose MDA or self-hosting, and diagnose setup without exposing credentials.
Related
Works with
Categories
Questions about Paid Media Design
What does Paid Media Design do?
Configure company branding or update report design, tokens, templates, and runtime design guidance. Paid Media Design is an agent skill from langchain-ai/paid-media-agent, published by the product's own GitHub organization. Configure company branding or update report design, tokens, templates, and runtime design guidance.
When should I use Paid Media Design?
Paid Media Design fits situations like: tasks that involve Paid advertising; tasks that involve Design tokens.
How do I install Paid Media Design in Claude Code?
Run `npx skills add langchain-ai/paid-media-agent --skill paid-media-design -a claude-code`. Or copy the skill folder (.agents/skills/paid-media-design in langchain-ai/paid-media-agent) into .claude/skills/paid-media-design in your project. Claude Code loads it when a task matches its description.
How do I install Paid Media Design in Codex?
Run `npx skills add langchain-ai/paid-media-agent --skill paid-media-design -a codex`. Or copy the skill folder (.agents/skills/paid-media-design in langchain-ai/paid-media-agent) into .agents/skills/paid-media-design in your project. Codex loads it when a task matches its description.
Can I use Paid Media Design 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 langchain-ai/paid-media-agent --skill paid-media-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/paid-media-design, .gemini/skills/paid-media-design, .github/skills/paid-media-design and .opencode/skills/paid-media-design in your project.
What does Paid Media Design need to run?
Going by SKILL.md and its folder, Paid Media Design needs the command-line tools its instructions call (uv).
Does Paid Media Design access the network?
SKILL.md contains no URLs. Its commands use uv, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Paid Media Design 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 Paid Media Design use?
Paid Media Design is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Paid Media Design use?
About 960 tokens (SKILL.md is roughly 3.8k 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 Paid Media Design?
Skills that share tags, products or a category with Paid Media Design: Design (Ohh-889/skyroc, 795 stars), Ad Creative Builder (aaron-he-zhu/aaron-marketing-skills, 2.9k stars), Brand Kit (cognyai/claude-code-marketing-skills, 104 stars) and Landing Optimizer (aaron-he-zhu/aaron-marketing-skills, 2.9k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Paid Media Design?
langchain-ai (a GitHub organization, an official publisher) maintains it in langchain-ai/paid-media-agent, which has 103 GitHub stars. The repository was last updated on October 10, 2026.
Source: langchain-ai/paid-media-agent on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.