Document the Radius Canvas architecture with Mermaid diagrams. Use for: generating architecture overviews, component diagrams, sequence diagrams from code, explaining how the canvas adapter and shared core work, answering architecture questions, producing entity-relationship diagrams, and distilling TypeScript/ESM code into human-readable descriptions.
Install
npx skills add radius-project/ai-extensions --skill radius-architecture-documenternpx skills add radius-project/ai-extensions --skill radius-architecture-documenter -a claude-code -gnpx skills add radius-project/ai-extensions --skill radius-architecture-documenter -a codex -ggemini skills install https://github.com/radius-project/ai-extensions.git --path .github/skills/radius-architecture-documentergh skill install radius-project/ai-extensions radius-architecture-documentergit clone --depth 1 https://github.com/radius-project/ai-extensions /tmp/radius-project__ai-extensions
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/radius-project__ai-extensions/.github/skills/radius-architecture-documenter ~/.claude/skills/radius-architecture-documenter # Claude Code
cp -R /tmp/radius-project__ai-extensions/.github/skills/radius-architecture-documenter ~/.agents/skills/radius-architecture-documenter # Codex, Cursor, Gemini CLI, Copilot, OpenCode