ai-maturity-framework-platform

Domain knowledge for the {{client_name}} client engagement — stakeholders, technology stack, and editorial standards. USE FOR: client deliverables, agent specs, architecture docs, status reports, any client-specific content. DO NOT USE FOR: generic documents not related to the client.

Creates professional, interactive multi-page websites from project documentation using React 18 + TypeScript + Tailwind CSS. Features landing page with hero and KPI cards, dark sidebar navigation, hash-based routing, full trilingual i18n (EN/PT-BR/ES), Microsoft+GitHub logo branding, and end-to-end storytelling. Develops with Vite (hot reload), bundles to single portable HTML via Parcel. USE FOR: create interactive site, project portal, documentation site, interactive dashboard, transform .md deliverables into website, create landing page, build project visualization, interactive architecture site, client-facing web portal. DO NOT USE FOR: FigJam/Mermaid diagrams (use figjam-diagrams), presentations (use pptx-creator), Word documents (use docx-creator), Excel (use xlsx-creator), PDF (use pdf-creator).

Creates professional Microsoft PowerPoint (.pptx) presentations with Microsoft branding, 16:9 format, 10-slide structure, and executive-grade content. USE FOR: create PowerPoint, generate pptx, build presentation, Microsoft branded slides, executive deck, technical presentation. DO NOT USE FOR: diagrams (use figjam-diagrams), Word documents (use docx-creator).

Create publication-quality SVG diagrams, charts, and infographics with professional connector routing, pixel-perfect alignment, and polished visual design. Covers all SVG types: flowcharts, architecture diagrams, quadrant charts, scatter plots, timelines, org charts, matrices, process maps, and any data visualization rendered as SVG. Use this skill whenever the user asks to create, improve, or fix any SVG file — even if they just say "diagram", "chart", "visual", "infographic", "fluxo", "diagrama", "quadrante", or "make me an SVG". Also trigger when the user shares an existing SVG and asks to improve its quality, fix alignment, or make it look more professional. This skill is specifically for hand-crafted SVG markup (not libraries like D3 or chart.js); for interactive HTML dashboards, use a dashboard skill instead.