Interactive content showcase
Below: every component the renderer accepts, in one tutorial. Use this as a reference when authoring new DevOps tutorials.
This page is auto-generated to demonstrate the new MDX component spine (ADR-0006). Open the source on GitHub to see exactly what the agent emitted.
1. Mermaid — static diagrams
2. AnimatedDiagram — multi-frame Mermaid with play / pause
1 / 4
3. Quiz — knowledge check
4. Compare — side-by-side diff
Helm (templated)
apiVersion: v1
kind: ConfigMap
metadata:
name: {{ .Values.name }}
data:
url: {{ .Values.url }}Kustomize (overlay)
resources:
- configmap.yaml
patches:
- target:
kind: ConfigMap
patch: |
data:
url: https://prod.example.com5. AskTwin — talk to the agent
Debug with the twinWalk me through how you'd debug a CrashLoopBackOff in production.6. Code block
kubectl get pods -A --field-selector status.phase=Pending