content-architect

Design content architectures with screen inventories, journeys, and Mermaid sitemaps.

Updated Apr 16, 2026
One-click install
npx skills add https://github.com/bengous/agents-skills --skill content-architect
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: content-architect
Source: https://github.com/bengous/agents-skills/tree/main/content-architect
Command: npx skills add https://github.com/bengous/agents-skills --skill content-architect

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provide a disciplined process and an implementation-ready blueprint to decide what screens/pages to build, how content should be organized, and which journeys and navigation will deliver user and business value. It reduces guesswork in early product decisions, prevents redundant content, and gives developers and designers a concrete spec instead of vague wireframes.

Core Features & Use Cases

  • Top Tasks Analysis: Identify the 5-10 tasks that drive product value and use them to seed journeys and screens.
  • Journeys → Screens → Navigation: Map critical user journeys, derive a minimal screen inventory, and design navigation that passes the 4S test.
  • Prioritization & Gates: Classify screens as MVP / v2 / nice-to-have and require validation gates before progressing between phases.
  • Developer-Ready Blueprint: Produce content-first screen specs, real microcopy, and a Mermaid sitemap suitable for direct implementation or handoff.
  • Use Cases: Showcase sites, SaaS dashboards, CLI-to-frontend migrations, and redesign audits where the first decision is "what to build".

Quick Start

Create an MVP content architecture blueprint for a small service website by describing the product, audience, business goal, current state, and any constraints.

Frequently Asked Questions about content-architect

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a screen inventory for a web application migration?

Generate a developer-ready content blueprint by defining screen inventories, top-tasks analysis, and navigation structures through iterative input collection. The output includes content-first markdown screen specs and Mermaid sitemaps suitable for direct implementation or AI handoff.

What is top-tasks analysis and how does it shape information architecture?

Top-tasks analysis identifies the 5-10 tasks driving product value to seed user journeys and screen inventories. This ensures the information architecture prioritizes features delivering the highest user and business impact.

Can I use this to plan a SaaS dashboard redesign audit?

Yes, you can use this process to conduct a redesign audit for SaaS dashboards by evaluating current screens against top tasks. It enforces validation gates between phases and produces a prioritized MVP and v2 roadmap.

How do I generate a developer-ready sitemap for a CLI-to-frontend migration?

Generate a developer-ready sitemap by mapping critical user journeys to a minimal screen inventory and designing navigation passing the 4S test. The output is a Mermaid sitemap and content-first markdown blueprints.

What inputs do I need to start building a content architecture blueprint?

You need to provide the product description, target audience, business goal, current state, and any constraints. The system collects these inputs through iterative questions to enforce validation gates before producing the blueprint.