1---2name: content-creation-33description: Content creation tools, AI content generators, image generation workflows, copywriting patterns, page content optimization, blog authoring patterns, content research workflows, and SEO content sync procedures. Use when creating page content, blog posts, generating visuals with AI tools, writing conversion copy, optimizing landing pages, integrating external content services, or synchronizing content across metadata and structured data. Provides tool guides, prompt templates, content brief templates, and quality checklists.4---5
6# Content Creation
7
8Systematic content creation skill with AI tool integration guides, copywriting templates, visual content workflows, and quality gates. Produces high-converting, brand-consistent page content using modern tools and services.
9
10## When to Use
11
12- Creating page content (headlines, body copy, CTAs, feature descriptions)
13- Writing blog posts (research, content brief, authoring, cross-linking)
14- Generating visual content with AI tools (Midjourney, DALL-E, Stable Diffusion)
15- Writing landing page copy optimized for conversion
16- Integrating external content generation services
17- Optimizing existing page content for engagement and conversion
18- Synchronizing content changes across visible text, SEO metadata, and JSON-LD structured data
19- Creating content briefs for designers and copywriters
20
21## When NOT to Use
22
23- Designing UI components or layouts (use `ui-ux-design` skill)
24- Writing technical documentation (use the `content-writer` perspective)
25- Conducting SEO audits (use `/seo-review` workflow)
26- Implementing frontend code (use the `frontend-engineer` perspective)
27
28## AI Content Generation Tools
29
30### Text Generation
31
32| Tool | Best For | Integration |
33|---|---|---|
34| **ChatGPT (GPT-4o)** | Long-form copy, creative writing, brainstorming | API or web UI |
35| **Claude** | Nuanced writing, analysis, brand voice adherence | API or web UI |
36| **Gemini** | Multimodal content (text + image analysis) | API or web UI |
37| **Jasper** | Marketing copy, ad copy, email sequences | SaaS platform |
38| **Copy.ai** | Short-form copy, social media, product descriptions | SaaS platform |
39
40### Image Generation
41
42| Tool | Best For | Output Quality |
43|---|---|---|
44| **Midjourney** | Photorealistic images, artistic illustrations, brand visuals | Highest quality, best aesthetics |
45| **DALL-E 3** | Quick concept images, illustrations, diagrams | Good quality, natural language prompts |
46| **Stable Diffusion** | Custom fine-tuned models, batch generation, full control | Varies, highest flexibility |
47| **Flux** | Fast generation, good quality, open source | High quality, fast |
48| **Ideogram** | Text in images, logos, typography-heavy visuals | Best for text rendering |
49| **Leonardo.ai** | Game assets, consistent characters, style transfer | Good for series/consistency |
50
51### Stock and Asset Services
52
53| Service | Content Type | License |
54|---|---|---|
55| **Unsplash** | Photography | Free commercial use |
56| **Pexels** | Photography + Video | Free commercial use |
57| **Undraw** | SVG illustrations | Free, customizable colors |
58| **Storyset** | Animated illustrations | Free with attribution |
59| **Lottie / LottieFiles** | Micro-animations | Free + premium |
60| **Noun Project** | Icons | CC or paid license |
61| **Envato Elements** | All creative assets | Subscription license |
62
63### Video and Animation
64
65| Tool | Best For |
66|---|---|
67| **Loom** | Quick product demos, walkthroughs |
68| **Synthesia** | AI avatar videos, explainers |
69| **Runway** | AI video generation, editing |
70| **Rive** | Interactive animations for web |
71| **Spline** | 3D web experiences |
72
73## Content Quality Gates
74
75Every piece of content must pass these gates before publication:
76
77### Gate 1: Accuracy
78- [ ] All product claims are verifiable
79- [ ] Statistics cite sources
80- [ ] Screenshots match current product version
81- [ ] Pricing information is current
82- [ ] Legal claims reviewed (guarantees, SLA, compliance)
83
84### Gate 2: Brand Alignment
85- [ ] Voice matches brand guidelines
86- [ ] Tone appropriate for context and audience
87- [ ] Terminology consistent with existing content
88- [ ] Visual style matches brand identity
89- [ ] No off-brand humor, slang, or references
90
91### Gate 3: Conversion Optimization
92- [ ] Clear value proposition above the fold
93- [ ] Single primary CTA per section
94- [ ] Benefits-focused (not feature-focused)
95- [ ] Social proof near decision points
96- [ ] Friction minimized (short forms, clear next steps)
97
98### Gate 4: Accessibility
99- [ ] All images have descriptive alt text
100- [ ] Video has captions
101- [ ] Text meets contrast requirements (4.5:1)
102- [ ] Content readable at 200% zoom
103- [ ] No information conveyed by color alone
104
105### Gate 5: SEO and Content Sync
106- [ ] Unique title tag with primary keyword
107- [ ] Unique meta description
108- [ ] Heading hierarchy (H1→H2→H3)
109- [ ] Internal links with descriptive anchors
110- [ ] Structured data where applicable
111- [ ] All content surfaces in sync (see `seo-content-sync-checklist.md`)
112
113### Gate 6: Legal and Ethics
114- [ ] No fabricated testimonials or reviews
115- [ ] No misleading before/after claims
116- [ ] AI-generated images reviewed for artifacts and bias
117- [ ] Proper attribution for third-party content
118- [ ] License compliance for stock assets
119- [ ] No dark patterns in copy
120
121### Gate 7: Humanization (mandatory)
122- [ ] Text scanned for AI writing patterns using `humanizer` skill
123- [ ] No AI vocabulary words (delve, foster, landscape, tapestry, underscore, vibrant, pivotal)
124- [ ] No promotional inflation (nestled, groundbreaking, stunning, renowned)
125- [ ] No chatbot artifacts or sycophantic tone
126- [ ] No em dash overuse, emoji decoration, or bold-header lists
127- [ ] No filler phrases, excessive hedging, or generic positive conclusions
128- [ ] Anti-AI audit performed for text longer than 2 paragraphs
129- [ ] Text sounds natural when read aloud
130
131See `content-tools-guide.md` for detailed AI prompting workflows and `page-content-patterns.md` for proven page structure templates.
132
133## Integration
134
135- **Follows rules**: `content-designer` guidance for content strategy and conversion copy, plus `ui-ux-designer` guidance for visual direction, plus `humanize-content` rule (enforces AI pattern removal)
136- **Used by workflows**: `/blog-post` (blog authoring), `/ui-ux-design` (content phase), `/docs` (public-facing content)
137- **Skills**: `humanizer` (Gate 7 — AI writing pattern removal)
138- **Companion resources**: `content-tools-guide.md`, `page-content-patterns.md`, `seo-content-sync-checklist.md`