Agent skill
content-creation
This skill should be used when the user asks to "write a blog post", "create a changelog entry", "add content to the blog", "publish an update", "write about benchmarks", "create a case study", or mentions creating MDX content for the Skopaq blog or changelog. Provides the full workflow, frontmatter template, quality checklist, and writing standards.
Install this agent skill to your Project
npx add-skill https://github.com/RaphaEnterprises-AI/argus-backend/tree/main/skills/content-creation
SKILL.md
Skopaq Content Creation
Create blog posts and changelog entries for the Skopaq public website. All content lives as MDX files in the Next.js dashboard, version-controlled in git, deployed via Vercel.
Content Locations
dashboard/content/blog/{YYYY-MM-DD}-{slug}.mdx # Blog posts
dashboard/content/changelog/{YYYY-MM-DD}-{slug}.mdx # Changelog entries
Workflow
1. Determine Content Type
| Type | Category | When |
|---|---|---|
| Technical deep dive | engineering |
Architecture decisions, methodology, how-we-built-it |
| Reliability report | benchmarks |
Agent performance data, CLEAR scorecards, comparisons |
| Product update | changelog |
New features, improvements, fixes |
| Customer story | case-study |
Real-world outcomes, success metrics |
2. Create MDX File
Every file requires complete frontmatter. Refer to references/frontmatter-template.md for the full template and field descriptions.
Critical rules:
slugmust match the filename (minus date prefix and.mdx)datemust be ISO 8601 format (YYYY-MM-DD)categorymust be one of:engineering,benchmarks,changelog,case-studyreadingTimeis estimated at ~250 words per minutecoverImagepath starts with/blog/and the image must exist indashboard/public/blog/author.avatardefaults to/icons/skopaq-logo.svg
3. Write Content Body
Voice and tone:
- Write in first-person plural ("we") for Skopaq Engineering posts
- Technical but accessible — assume the reader is a software engineer, not an AI specialist
- Lead with the outcome/result, then explain how
- Include real data — never use placeholder metrics
Structure for blog posts:
- Opening hook (1-2 sentences with the key finding or announcement)
- Context (why this matters)
- Technical content (methodology, implementation, results)
- Conclusion with forward-looking statement
Structure for changelog entries:
- Version/date heading
- Grouped by: Added, Changed, Fixed, Removed
- Each item: one-line summary + optional detail paragraph
4. Use Custom MDX Components
Available components (defined in dashboard/components/blog/mdx-components.tsx):
| Component | Usage |
|---|---|
<Callout type="info|warning|tip"> |
Highlighted callout boxes |
<BenchmarkTable data={[...]} /> |
Agent performance data tables |
Standard markdown elements (h1-h3, links, code blocks, tables, images) are styled automatically via the prose typography plugin.
5. Quality Checklist
Before committing any content:
- Frontmatter is complete (all required fields present)
-
slugmatches filename -
categoryis one of the 4 valid values -
excerptis under 160 characters (SEO meta description length) -
readingTimeis calculated (word count / 250, rounded up) - No placeholder data — all metrics, dates, and claims are real
- Cover image exists at the specified path (or
coverImageis omitted) - Code blocks have language annotations (
python,bash, etc.) - Links use relative paths for internal pages (
/blog/other-post) - No "Argus" references — use "Skopaq" everywhere (per branding rules)
- Content renders correctly (
cd dashboard && npm run build)
6. Verify Build
After creating content, always run:
cd dashboard && npm run build
This catches MDX parsing errors, missing imports, and broken frontmatter.
Additional Resources
Reference Files
references/frontmatter-template.md— Complete frontmatter template with field descriptions and examples for both blog posts and changelog entries
Naming Conventions
| Item | Pattern | Example |
|---|---|---|
| Blog filename | {YYYY-MM-DD}-{slug}.mdx |
2026-02-19-agent-reliability-benchmarks.mdx |
| Changelog filename | {YYYY-MM-DD}-{slug}.mdx |
2026-02-19-v1.mdx |
| Cover image | /blog/{slug}-cover.png |
/blog/agent-reliability-benchmarks-cover.png |
| Tags | lowercase, hyphenated | self-healing, clear-framework |
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
e2e-testing-agent
Build autonomous end-to-end full-stack testing agents using Claude's Computer Use API, LangGraph orchestration, and hybrid Playwright automation. Use this skill when building testing infrastructure, test automation, CI/CD test integration, or self-healing test systems.
setup-pre-commit
Set up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo. Use when user wants to add pre-commit hooks, set up Husky, configure lint-staged, or add commit-time formatting/typechecking/testing.
handoff
Compact the current conversation into a handoff document for another agent to pick up.
edit-article
Edit and improve articles by restructuring sections, improving clarity, and tightening prose. Use when user wants to edit, revise, or improve an article draft.
obsidian-vault
Search, create, and manage notes in the Obsidian vault with wikilinks and index notes. Use when user wants to find, create, or organize notes in Obsidian.
git-guardrails-claude-code
Set up Claude Code hooks to block dangerous git commands (push, reset --hard, clean, branch -D, etc.) before they execute. Use when user wants to prevent destructive git operations, add git safety hooks, or block git push/reset in Claude Code.
Didn't find tool you were looking for?