# Apps Ayokoding Www Authoring Annotated Concept

> Complete authoring methodology for Annotated-concept tutorials on ayokoding-web — mode selection (standard vs. no-code sub-mode), worked-example/scenario requirements, diagram requirements, the content-creation workflow, and quality standards. Backs the apps-ayokoding-www-annotated-concept-maker agent.

- Skill: `wahidyankf/apps-ayokoding-www-authoring-annotated-concept` (Agent Skill, multi-file: 7 files)
- Install (CLI): `npx skillmds add wahidyankf/apps-ayokoding-www-authoring-annotated-concept`
- Raw SKILL.md: https://api.skillmd.com/api/skills/wahidyankf/apps-ayokoding-www-authoring-annotated-concept/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: wahidyankf (https://skillmd.com/u/wahidyankf)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/wahidyankf/apps-ayokoding-www-authoring-annotated-concept

---


# ayokoding-www Authoring: Annotated-Concept Tutorials

Methodology for authoring concept-centric worked-example tutorials (and the leadership no-code
sub-mode) for `apps/ayokoding-www/`, at equal annotation density to By Example.

## Reference Modules

1. [When to Use and Mode Selection](reference/when-to-use-and-mode-selection.md) — when to use
   this agent and determining standard vs. no-code sub-mode.
2. [Requirements: Standard and No-Code Modes](reference/requirements.md) — the worked-example/
   scenario requirements for each mode.
3. [Worked-Example Structure, Diagrams, Integration](reference/structure-diagrams-integration.md)
   — the shared worked-example/scenario structure, diagram requirements, and ayokoding-web
   integration.
4. [Workflow and Quality Standards](reference/workflow-and-quality.md) — the 7-step content
   creation workflow and the quality-standards checklist.

## Core Principles

- **Pick the mode first** — standard (code-bearing) vs. no-code sub-mode (leadership/governance) is
  a per-topic decision made before writing any content.
- **Floors, not caps** — 45-60 worked examples (or 20-30 scenarios) is a minimum; exceed it when the
  subject genuinely demands more.
- **Equal density to By Example** — the 1.0-2.25 annotation ratio applies identically.

## Related Skills

- `apps-ayokoding-www-developing-content` — bilingual strategy, content workflow, linking
  conventions.
- `docs-creating-accessible-diagrams` — WCAG-compliant Mermaid palette.
- `docs-applying-content-quality` — general content quality standards.