Content generation skill

Use this skill when generating marketing content from PolicyEngine blog posts, research, or announcements. This includes social media images and social post copy.

Overview

This skill provides templates and patterns for generating consistent, branded PolicyEngine content across multiple channels and audiences (UK, US, global).

Content types

Social media images

1200x630 PNG images for LinkedIn, X (Twitter), and Facebook with:

PolicyEngine brand colors from design tokens (teal primary, dark background)
Inter font family
Headline with teal highlight
Optional headshot with quote
PolicyEngine logo
Audience-appropriate flags

Newsletters (future)

Newsletter generation is planned for a future release. The agent can generate newsletter HTML ad-hoc following brand guidelines, but there is no template file yet.

Social post copy

Platform-optimized text for:

LinkedIn (professional tone, can be longer)
X/Twitter (concise, hashtags)
Threads/Bluesky (conversational)

Audience localization

Content is localized for different audiences:

Aspect	UK	US
Spelling	modelling, centre	modeling, center
References	10 Downing Street	UK Prime Minister's office
Context	Direct announcement	"Same tech that powers PolicyEngine US"
Flags	🇬🇧	🇺🇸 🇬🇧
Sections	No NSF mention	Include NSF/POSE if relevant

Template variables

Social image template

headline: Main headline text
headline_highlight: Text to highlight in teal (optional)
subtext: Supporting description
flags: Emoji flags to display (e.g., "🇬🇧" or "🇺🇸 🇬🇧")
headshot_url: URL or path to headshot image
quote: Pull quote text
attribution_name: Quote attribution name
attribution_title: Quote attribution title/role
logo_path: Path to PolicyEngine logo

Workflow

Parse source - Extract key information from blog post/announcement
Generate variants - Create UK and US versions with appropriate localization
Render assets - Generate images via Chrome headless
Generate social copy - Create platform-optimized posts for LinkedIn/X
Output summary - Provide paths to all generated content

Brand guidelines

Colors

Source of truth: policyengine-design-skill and @policyengine/design-system CSS tokens. Social image generation runs in headless Chrome with design tokens loaded, so use CSS vars where possible. Fallback hex values for non-browser contexts:

Token	CSS var	Hex
Primary teal	`--pe-color-primary-500`	#319795
Light teal	`--pe-color-primary-200`	#81E6D9
Dark background	(custom)	#1a2332
Text gray	`--pe-color-gray-400`	#9CA3AF
White	`--pe-color-bg-primary`	#FFFFFF

Typography

Font family: Inter (Google Fonts)
Headlines: 800 weight, -0.02em letter-spacing
Body: 400 weight
Labels: 700 weight, 0.1em letter-spacing, uppercase

Logo

White version for dark backgrounds
Teal version for light backgrounds
Minimum height: 28px

Dependencies

Google Chrome (for headless screenshot)

Search AI Tools

content-generation

Install this agent skill to your Project

SKILL.md