aiox-core 5.0.2 → 5.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.aiox-core/data/entity-registry.yaml +748 -763
- package/.aiox-core/install-manifest.yaml +4 -4
- package/package.json +6 -1
- package/pro/feature-registry.yaml +223 -0
- package/pro/package.json +39 -0
- package/pro/pro-config.yaml +63 -0
- package/pro/squads/README.md +24 -0
- package/pro/squads/design/HEADLINE.md +3 -0
- package/pro/squads/design/README.md +109 -0
- package/pro/squads/design/agents/brad-frost.md +1097 -0
- package/pro/squads/design/agents/dan-mall.md +857 -0
- package/pro/squads/design/agents/dave-malouf.md +2272 -0
- package/pro/squads/design/agents/design-chief.md +114 -0
- package/pro/squads/design/agents/ds-foundations-lead.md +194 -0
- package/pro/squads/design/agents/ds-token-architect.md +361 -0
- package/pro/squads/design/agents/nano-banana-generator.md +162 -0
- package/pro/squads/design/agents/storybook-expert.md +809 -0
- package/pro/squads/design/checklists/atomic-refactor-checklist.md +299 -0
- package/pro/squads/design/checklists/component-adaptation-checklist.md +81 -0
- package/pro/squads/design/checklists/design-fidelity-checklist.md +283 -0
- package/pro/squads/design/checklists/design-handoff-checklist.md +55 -0
- package/pro/squads/design/checklists/design-team-health-checklist.md +454 -0
- package/pro/squads/design/checklists/designops-maturity-checklist.md +518 -0
- package/pro/squads/design/checklists/ds-a11y-release-gate-checklist.md +45 -0
- package/pro/squads/design/checklists/ds-accessibility-wcag-checklist.md +147 -0
- package/pro/squads/design/checklists/ds-component-quality-checklist.md +150 -0
- package/pro/squads/design/checklists/ds-critical-eye-review-checklist.md +147 -0
- package/pro/squads/design/checklists/ds-migration-readiness-checklist.md +99 -0
- package/pro/squads/design/checklists/ds-pattern-audit-checklist.md +164 -0
- package/pro/squads/design/checklists/reading-accessibility-checklist.md +275 -0
- package/pro/squads/design/checklists/token-mapping-checklist.md +107 -0
- package/pro/squads/design/config/coding-standards.md +286 -0
- package/pro/squads/design/config/source-tree.md +59 -0
- package/pro/squads/design/config/tech-stack.md +48 -0
- package/pro/squads/design/config.yaml +204 -0
- package/pro/squads/design/data/agentic-design-systems-guide.md +46 -0
- package/pro/squads/design/data/agentic-ds-principles.md +100 -0
- package/pro/squads/design/data/atomic-design-principles.md +108 -0
- package/pro/squads/design/data/atomic-refactor-rules.md +582 -0
- package/pro/squads/design/data/base-component-specs.md +972 -0
- package/pro/squads/design/data/brad-frost-analysis-extract-implicit.yaml +270 -0
- package/pro/squads/design/data/brad-frost-analysis-find-0.8.yaml +176 -0
- package/pro/squads/design/data/brad-frost-analysis-qa-report.yaml +168 -0
- package/pro/squads/design/data/brad-frost-dna.yaml +713 -0
- package/pro/squads/design/data/capability-tools.yaml +124 -0
- package/pro/squads/design/data/component-adaptation-changelog.md +318 -0
- package/pro/squads/design/data/consolidation-algorithms.md +168 -0
- package/pro/squads/design/data/critical-eye-scoring-rules.yaml +240 -0
- package/pro/squads/design/data/design-token-best-practices.md +107 -0
- package/pro/squads/design/data/design-tokens-spec.yaml +418 -0
- package/pro/squads/design/data/ds-reference-architectures.md +93 -0
- package/pro/squads/design/data/f2-qa-report.md +168 -0
- package/pro/squads/design/data/f3-derived-components-changelog.md +100 -0
- package/pro/squads/design/data/f3-qa-report.md +208 -0
- package/pro/squads/design/data/figma-base-components-raw.md +102 -0
- package/pro/squads/design/data/figma-tokens-raw.md +1549 -0
- package/pro/squads/design/data/fluent2-design-principles.md +114 -0
- package/pro/squads/design/data/high-retention-reading-guide.md +349 -0
- package/pro/squads/design/data/integration-patterns.md +207 -0
- package/pro/squads/design/data/internal-quality-chain.yaml +48 -0
- package/pro/squads/design/data/motion-tokens-guide.md +202 -0
- package/pro/squads/design/data/roi-calculation-guide.md +142 -0
- package/pro/squads/design/data/token-mapping-reference.md +213 -0
- package/pro/squads/design/data/w3c-dtcg-spec-reference.md +149 -0
- package/pro/squads/design/data/wcag-compliance-guide.md +267 -0
- package/pro/squads/design/docs/AUDIT_REPORT.md +97 -0
- package/pro/squads/design/docs/DS-CURATION-PIPELINE-PROPOSAL.md +577 -0
- package/pro/squads/design/docs/UPGRADE_PLAN.md +618 -0
- package/pro/squads/design/docs/brad-frost-research-validation.md +372 -0
- package/pro/squads/design/docs/dave-malouf-research-validation.md +391 -0
- package/pro/squads/design/docs/tool-discovery-report.md +87 -0
- package/pro/squads/design/docs/tool-integration-plan.md +44 -0
- package/pro/squads/design/protocols/ai-first-governance.md +56 -0
- package/pro/squads/design/protocols/governance-execution-boundary.md +59 -0
- package/pro/squads/design/protocols/handoff.md +60 -0
- package/pro/squads/design/rules/.claude-rules.md +88 -0
- package/pro/squads/design/scripts/design-system/curate_colors.cjs +447 -0
- package/pro/squads/design/scripts/design-system/curate_components.cjs +217 -0
- package/pro/squads/design/scripts/design-system/curate_radius.cjs +190 -0
- package/pro/squads/design/scripts/design-system/curate_shadows.cjs +208 -0
- package/pro/squads/design/scripts/design-system/curate_spacing.cjs +243 -0
- package/pro/squads/design/scripts/design-system/curate_typography.cjs +404 -0
- package/pro/squads/design/scripts/design-system/design-system-metadata.test.js +49 -0
- package/pro/squads/design/scripts/design-system/design_manifest_lib.cjs +142 -0
- package/pro/squads/design/scripts/design-system/fetch_page_images.cjs +195 -0
- package/pro/squads/design/scripts/design-system/generate_components_metadata.cjs +114 -0
- package/pro/squads/design/scripts/design-system/generate_curation_report.cjs +258 -0
- package/pro/squads/design/scripts/design-system/generate_tokens.cjs +342 -0
- package/pro/squads/design/scripts/design-system/sync_design_manifest.cjs +27 -0
- package/pro/squads/design/scripts/design-system/test_mcp_tools.cjs +232 -0
- package/pro/squads/design/scripts/design-system/validate_components_metadata.cjs +96 -0
- package/pro/squads/design/scripts/design-system/validate_curation.cjs +226 -0
- package/pro/squads/design/scripts/design-system/validate_design_manifest_drift.cjs +72 -0
- package/pro/squads/design/scripts/design-system/validate_mcp_skeleton.cjs +38 -0
- package/pro/squads/design/scripts/design-system/validate_registry.cjs +186 -0
- package/pro/squads/design/scripts/design-system/validate_task_checklist_bindings.cjs +78 -0
- package/pro/squads/design/scripts/dissect-artifact.cjs +806 -0
- package/pro/squads/design/scripts/validate-a11y-integration.cjs +40 -0
- package/pro/squads/design/scripts/validate-design-squad.py +411 -0
- package/pro/squads/design/squad.yaml +714 -0
- package/pro/squads/design/tasks/a11y-audit.md +340 -0
- package/pro/squads/design/tasks/aria-audit.md +525 -0
- package/pro/squads/design/tasks/atomic-refactor-execute.md +391 -0
- package/pro/squads/design/tasks/atomic-refactor-plan.md +262 -0
- package/pro/squads/design/tasks/audit-reading-experience.md +350 -0
- package/pro/squads/design/tasks/audit-tailwind-config.md +101 -0
- package/pro/squads/design/tasks/bootstrap-shadcn-library.md +96 -0
- package/pro/squads/design/tasks/bundle-audit.md +245 -0
- package/pro/squads/design/tasks/contrast-matrix.md +373 -0
- package/pro/squads/design/tasks/create-doc.md +135 -0
- package/pro/squads/design/tasks/dead-code-detection.md +329 -0
- package/pro/squads/design/tasks/design-compare.md +414 -0
- package/pro/squads/design/tasks/design-process-optimization.md +407 -0
- package/pro/squads/design/tasks/design-review-orchestration.md +99 -0
- package/pro/squads/design/tasks/design-team-scaling.md +407 -0
- package/pro/squads/design/tasks/design-tooling-audit.md +404 -0
- package/pro/squads/design/tasks/design-triage.md +89 -0
- package/pro/squads/design/tasks/designops-maturity-assessment.md +364 -0
- package/pro/squads/design/tasks/designops-metrics-setup.md +465 -0
- package/pro/squads/design/tasks/ds-agentic-audit.md +100 -0
- package/pro/squads/design/tasks/ds-agentic-setup.md +103 -0
- package/pro/squads/design/tasks/ds-audit-codebase.md +273 -0
- package/pro/squads/design/tasks/ds-build-component.md +349 -0
- package/pro/squads/design/tasks/ds-build-mcp-server.md +84 -0
- package/pro/squads/design/tasks/ds-calculate-roi.md +282 -0
- package/pro/squads/design/tasks/ds-compose-molecule.md +106 -0
- package/pro/squads/design/tasks/ds-consolidate-patterns.md +253 -0
- package/pro/squads/design/tasks/ds-context-contract.md +194 -0
- package/pro/squads/design/tasks/ds-critical-eye-compare.md +130 -0
- package/pro/squads/design/tasks/ds-critical-eye-decide.md +139 -0
- package/pro/squads/design/tasks/ds-critical-eye-inventory.md +111 -0
- package/pro/squads/design/tasks/ds-critical-eye-report.md +101 -0
- package/pro/squads/design/tasks/ds-critical-eye-score.md +109 -0
- package/pro/squads/design/tasks/ds-designops.md +99 -0
- package/pro/squads/design/tasks/ds-extend-pattern.md +91 -0
- package/pro/squads/design/tasks/ds-extract-tokens.md +312 -0
- package/pro/squads/design/tasks/ds-figma-pipeline.md +95 -0
- package/pro/squads/design/tasks/ds-fluent-audit.md +105 -0
- package/pro/squads/design/tasks/ds-fluent-build.md +110 -0
- package/pro/squads/design/tasks/ds-generate-ai-metadata.md +81 -0
- package/pro/squads/design/tasks/ds-generate-cursor-rules.md +74 -0
- package/pro/squads/design/tasks/ds-generate-documentation.md +101 -0
- package/pro/squads/design/tasks/ds-generate-migration-strategy.md +331 -0
- package/pro/squads/design/tasks/ds-generate-shock-report.md +323 -0
- package/pro/squads/design/tasks/ds-govern-a11y-compliance.md +93 -0
- package/pro/squads/design/tasks/ds-governance.md +187 -0
- package/pro/squads/design/tasks/ds-health-metrics.md +278 -0
- package/pro/squads/design/tasks/ds-integrate-squad.md +130 -0
- package/pro/squads/design/tasks/ds-integrate-workspace.md +100 -0
- package/pro/squads/design/tasks/ds-legacy-modernization.md +302 -0
- package/pro/squads/design/tasks/ds-mcp-status.md +65 -0
- package/pro/squads/design/tasks/ds-motion-audit.md +118 -0
- package/pro/squads/design/tasks/ds-multi-framework.md +96 -0
- package/pro/squads/design/tasks/ds-parallelization-gate.md +246 -0
- package/pro/squads/design/tasks/ds-query.md +90 -0
- package/pro/squads/design/tasks/ds-rebuild-artifact.md +369 -0
- package/pro/squads/design/tasks/ds-reverse-engineer.md +194 -0
- package/pro/squads/design/tasks/ds-scan-artifact.md +131 -0
- package/pro/squads/design/tasks/ds-setup-design-system.md +297 -0
- package/pro/squads/design/tasks/ds-sync-registry.md +287 -0
- package/pro/squads/design/tasks/ds-theme-multi-brand.md +90 -0
- package/pro/squads/design/tasks/ds-token-modes.md +108 -0
- package/pro/squads/design/tasks/ds-token-w3c-extract.md +105 -0
- package/pro/squads/design/tasks/ds-validate-ai-readiness.md +69 -0
- package/pro/squads/design/tasks/ds-visual-regression.md +130 -0
- package/pro/squads/design/tasks/execute-checklist.md +141 -0
- package/pro/squads/design/tasks/export-design-tokens-dtcg.md +97 -0
- package/pro/squads/design/tasks/f1-apply-foundations.md +154 -0
- package/pro/squads/design/tasks/f1-ingest-figma-tokens.md +130 -0
- package/pro/squads/design/tasks/f1-map-tokens-to-shadcn.md +145 -0
- package/pro/squads/design/tasks/f1-qa-foundations.md +95 -0
- package/pro/squads/design/tasks/f2-adapt-shadcn-components.md +155 -0
- package/pro/squads/design/tasks/f2-ingest-base-components.md +148 -0
- package/pro/squads/design/tasks/f2-qa-base-components.md +98 -0
- package/pro/squads/design/tasks/f3-derive-components.md +145 -0
- package/pro/squads/design/tasks/f3-qa-derived-components.md +101 -0
- package/pro/squads/design/tasks/focus-order-audit.md +450 -0
- package/pro/squads/design/tasks/sb-brownfield-migrate.md +367 -0
- package/pro/squads/design/tasks/sb-brownfield-scan.md +318 -0
- package/pro/squads/design/tasks/sb-configure.md +230 -0
- package/pro/squads/design/tasks/sb-expand-shadcn.md +213 -0
- package/pro/squads/design/tasks/sb-generate-all-stories.md +288 -0
- package/pro/squads/design/tasks/sb-install.md +152 -0
- package/pro/squads/design/tasks/sb-sync-workspace.md +239 -0
- package/pro/squads/design/tasks/sb-verify.md +203 -0
- package/pro/squads/design/tasks/tailwind-upgrade.md +117 -0
- package/pro/squads/design/tasks/token-usage-analytics.md +262 -0
- package/pro/squads/design/tasks/ux-rewrite-sixth-grade.md +82 -0
- package/pro/squads/design/tasks/validate-design-fidelity.md +222 -0
- package/pro/squads/design/templates/agent-template.yaml +46 -0
- package/pro/squads/design/templates/clone-mind-template.md +352 -0
- package/pro/squads/design/templates/component-prompt-injection-tmpl.md +236 -0
- package/pro/squads/design/templates/component-visual-spec-tmpl.md +378 -0
- package/pro/squads/design/templates/critical-eye-cycle-report-tmpl.md +165 -0
- package/pro/squads/design/templates/design-fidelity-report-tmpl.md +155 -0
- package/pro/squads/design/templates/ds-ai-component-metadata-schema-tmpl.json +138 -0
- package/pro/squads/design/templates/ds-artifact-analysis.md +70 -0
- package/pro/squads/design/templates/ds-health-report-tmpl.md +236 -0
- package/pro/squads/design/templates/ds-migration-strategy-tmpl.md +524 -0
- package/pro/squads/design/templates/ds-state-persistence-tmpl.yaml +194 -0
- package/pro/squads/design/templates/ds-tokens-schema-tmpl.yaml +139 -0
- package/pro/squads/design/templates/migration-strategy-tmpl.md +524 -0
- package/pro/squads/design/templates/reading-design-tokens.css +26 -0
- package/pro/squads/design/templates/state-persistence-tmpl.yaml +219 -0
- package/pro/squads/design/templates/tokens-schema-tmpl.yaml +305 -0
- package/pro/squads/design/workflows/agentic-readiness.yaml +83 -0
- package/pro/squads/design/workflows/audit-only.yaml +198 -0
- package/pro/squads/design/workflows/brownfield-complete.yaml +257 -0
- package/pro/squads/design/workflows/critical-eye.yaml +184 -0
- package/pro/squads/design/workflows/dtcg-tokens-governance.yaml +64 -0
- package/pro/squads/design/workflows/foundations-pipeline.yaml +192 -0
- package/pro/squads/design/workflows/greenfield-new.yaml +192 -0
- package/pro/squads/design/workflows/motion-quality.yaml +65 -0
- package/pro/squads/design/workflows/self-healing-workflow.yaml +237 -0
- package/pro/squads/design/workflows/storybook-brownfield-migration.yaml +400 -0
- package/pro/squads/design/workflows/storybook-full-setup.yaml +280 -0
- package/pro/squads/index.js +145 -0
- package/pro/squads/squad-creator-pro/.state.json +32 -0
- package/pro/squads/squad-creator-pro/CHANGELOG.md +275 -0
- package/pro/squads/squad-creator-pro/HEADLINE.md +3 -0
- package/pro/squads/squad-creator-pro/README.md +1059 -0
- package/pro/squads/squad-creator-pro/agents/oalanicolas.md +438 -0
- package/pro/squads/squad-creator-pro/agents/pedro-valerio.md +449 -0
- package/pro/squads/squad-creator-pro/agents/squad-chief.md +1651 -0
- package/pro/squads/squad-creator-pro/agents/thiago_finch.md +976 -0
- package/pro/squads/squad-creator-pro/assessments/axioma-assessment-wf-create-squad.yaml +325 -0
- package/pro/squads/squad-creator-pro/checklists/.gitkeep +1 -0
- package/pro/squads/squad-creator-pro/checklists/agent-depth-checklist.md +244 -0
- package/pro/squads/squad-creator-pro/checklists/agent-quality-gate.md +434 -0
- package/pro/squads/squad-creator-pro/checklists/create-agent-checklist.md +184 -0
- package/pro/squads/squad-creator-pro/checklists/create-squad-checklist.md +219 -0
- package/pro/squads/squad-creator-pro/checklists/create-workflow-checklist.md +224 -0
- package/pro/squads/squad-creator-pro/checklists/deep-research-quality.md +506 -0
- package/pro/squads/squad-creator-pro/checklists/executor-matrix-checklist.md +260 -0
- package/pro/squads/squad-creator-pro/checklists/mental-model-integration-checklist.md +95 -0
- package/pro/squads/squad-creator-pro/checklists/mind-validation.md +374 -0
- package/pro/squads/squad-creator-pro/checklists/quality-gate-checklist.md +385 -0
- package/pro/squads/squad-creator-pro/checklists/smoke-test-agent.md +313 -0
- package/pro/squads/squad-creator-pro/checklists/sop-validation.md +250 -0
- package/pro/squads/squad-creator-pro/checklists/squad-checklist.md +1014 -0
- package/pro/squads/squad-creator-pro/checklists/squad-overview-checklist.md +393 -0
- package/pro/squads/squad-creator-pro/checklists/task-anatomy-checklist.md +626 -0
- package/pro/squads/squad-creator-pro/config/.gitkeep +1 -0
- package/pro/squads/squad-creator-pro/config/axioma-validator.yaml +371 -0
- package/pro/squads/squad-creator-pro/config/heuristics.yaml +753 -0
- package/pro/squads/squad-creator-pro/config/model-routing.yaml +693 -0
- package/pro/squads/squad-creator-pro/config/quality-gates.yaml +415 -0
- package/pro/squads/squad-creator-pro/config/scoring-rubric.yaml +199 -0
- package/pro/squads/squad-creator-pro/config/squad-config.yaml +165 -0
- package/pro/squads/squad-creator-pro/config/task-anatomy.yaml +263 -0
- package/pro/squads/squad-creator-pro/config/veto-conditions.yaml +455 -0
- package/pro/squads/squad-creator-pro/config.yaml +35 -0
- package/pro/squads/squad-creator-pro/data/.gitkeep +1 -0
- package/pro/squads/squad-creator-pro/data/an-anchor-words.yaml +78 -0
- package/pro/squads/squad-creator-pro/data/an-clone-anti-patterns.yaml +148 -0
- package/pro/squads/squad-creator-pro/data/an-clone-validation.yaml +190 -0
- package/pro/squads/squad-creator-pro/data/an-diagnostic-framework.yaml +164 -0
- package/pro/squads/squad-creator-pro/data/an-output-examples.yaml +102 -0
- package/pro/squads/squad-creator-pro/data/an-source-signals.yaml +98 -0
- package/pro/squads/squad-creator-pro/data/an-source-tiers.yaml +119 -0
- package/pro/squads/squad-creator-pro/data/best-practices.md +986 -0
- package/pro/squads/squad-creator-pro/data/core-heuristics.md +510 -0
- package/pro/squads/squad-creator-pro/data/decision-heuristics-framework.md +620 -0
- package/pro/squads/squad-creator-pro/data/executor-decision-tree.md +774 -0
- package/pro/squads/squad-creator-pro/data/executor-matrix-framework.md +441 -0
- package/pro/squads/squad-creator-pro/data/fusion-decision-points-analysis.md +397 -0
- package/pro/squads/squad-creator-pro/data/fusion-executor-analysis.md +677 -0
- package/pro/squads/squad-creator-pro/data/hybridops-patterns.md +1351 -0
- package/pro/squads/squad-creator-pro/data/internal-infrastructure-library.yaml +99 -0
- package/pro/squads/squad-creator-pro/data/mental-model-task-matrix.yaml +692 -0
- package/pro/squads/squad-creator-pro/data/pipeline-patterns.md +352 -0
- package/pro/squads/squad-creator-pro/data/pm-best-practices.md +440 -0
- package/pro/squads/squad-creator-pro/data/pv-anchor-words.yaml +64 -0
- package/pro/squads/squad-creator-pro/data/pv-authenticity-markers.yaml +200 -0
- package/pro/squads/squad-creator-pro/data/pv-meta-axiomas.yaml +162 -0
- package/pro/squads/squad-creator-pro/data/pv-output-examples.yaml +342 -0
- package/pro/squads/squad-creator-pro/data/pv-workflow-validation.yaml +318 -0
- package/pro/squads/squad-creator-pro/data/quality-dimensions-framework.md +405 -0
- package/pro/squads/squad-creator-pro/data/squad-analytics-guide.md +252 -0
- package/pro/squads/squad-creator-pro/data/squad-kb.md +987 -0
- package/pro/squads/squad-creator-pro/data/squad-registry.yaml +841 -0
- package/pro/squads/squad-creator-pro/data/squad-type-definitions.yaml +578 -0
- package/pro/squads/squad-creator-pro/data/tier-system-framework.md +475 -0
- package/pro/squads/squad-creator-pro/data/tool-evaluation-framework.md +847 -0
- package/pro/squads/squad-creator-pro/data/tool-registry.yaml +700 -0
- package/pro/squads/squad-creator-pro/docs/ADR-001-model-tier-qualification.md +344 -0
- package/pro/squads/squad-creator-pro/docs/AGENT-COLLABORATION.md +609 -0
- package/pro/squads/squad-creator-pro/docs/ARCHITECTURE-DIAGRAMS.md +1466 -0
- package/pro/squads/squad-creator-pro/docs/COMMANDS.md +544 -0
- package/pro/squads/squad-creator-pro/docs/CONCEPTS.md +584 -0
- package/pro/squads/squad-creator-pro/docs/FAQ.md +731 -0
- package/pro/squads/squad-creator-pro/docs/HITL-FLOW.md +255 -0
- package/pro/squads/squad-creator-pro/docs/MIGRATION-PLAN-AGENT-CONFORMITY.md +861 -0
- package/pro/squads/squad-creator-pro/docs/MIGRATION-ROADMAP-HYBRIDOPS.md +1161 -0
- package/pro/squads/squad-creator-pro/docs/MODEL-TIER-QUALIFICATION.md +337 -0
- package/pro/squads/squad-creator-pro/docs/PATTERN-LIBRARY.md +333 -0
- package/pro/squads/squad-creator-pro/docs/PEDRO-VALERIO-ARCHITECTURE.md +456 -0
- package/pro/squads/squad-creator-pro/docs/POR-ONDE-COMECAR.md +210 -0
- package/pro/squads/squad-creator-pro/docs/QUICK-START.md +205 -0
- package/pro/squads/squad-creator-pro/docs/RFC-001-deterministic-refactoring.md +463 -0
- package/pro/squads/squad-creator-pro/docs/TOOL-RECOMMENDATIONS.md +379 -0
- package/pro/squads/squad-creator-pro/docs/TROUBLESHOOTING.md +412 -0
- package/pro/squads/squad-creator-pro/docs/TUTORIAL-COMPLETO.md +458 -0
- package/pro/squads/squad-creator-pro/docs/optimize-v4-proposal.md +354 -0
- package/pro/squads/squad-creator-pro/docs/session-report-2026-02-01.md +411 -0
- package/pro/squads/squad-creator-pro/docs/sop-extraction-process.md +674 -0
- package/pro/squads/squad-creator-pro/docs/squad-chief-agent-flow.md +981 -0
- package/pro/squads/squad-creator-pro/docs/squad-creation-pipeline-workflow.md +937 -0
- package/pro/squads/squad-creator-pro/docs/task-optimization-framework.md +229 -0
- package/pro/squads/squad-creator-pro/docs/validation-report-2026-02-01.md +439 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/artifacts/HANDOFF_PROTOCOL.md +269 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/artifacts/SOURCE_CLASSIFICATION.md +258 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/heuristics/AN_KE_001.md +166 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/heuristics/AN_KE_002.md +206 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/heuristics/AN_KE_003.md +239 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/heuristics/AN_KE_004.md +153 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/heuristics/AN_KE_005.md +161 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/heuristics/AN_KE_006.md +166 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/heuristics/AN_KE_007.md +190 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/heuristics/AN_KE_008.md +191 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/heuristics/AN_KE_009.md +234 -0
- package/pro/squads/squad-creator-pro/minds/oalanicolas/heuristics/AN_KE_010.md +240 -0
- package/pro/squads/squad-creator-pro/minds/pedro_valerio/artifacts/Assinatura_Linguistica.md +355 -0
- package/pro/squads/squad-creator-pro/minds/pedro_valerio/artifacts/META_AXIOMAS.md +277 -0
- package/pro/squads/squad-creator-pro/minds/pedro_valerio/heuristics/PV_BS_001.md +144 -0
- package/pro/squads/squad-creator-pro/minds/pedro_valerio/heuristics/PV_PA_001.md +174 -0
- package/pro/squads/squad-creator-pro/minds/pedro_valerio/heuristics/PV_PM_001.md +191 -0
- package/pro/squads/squad-creator-pro/package.json +26 -0
- package/pro/squads/squad-creator-pro/protocols/ai-first-governance.md +63 -0
- package/pro/squads/squad-creator-pro/scripts/README.md +246 -0
- package/pro/squads/squad-creator-pro/scripts/__pycache__/dependency_check.cpython-314.pyc +0 -0
- package/pro/squads/squad-creator-pro/scripts/__pycache__/inventory.cpython-314.pyc +0 -0
- package/pro/squads/squad-creator-pro/scripts/__pycache__/naming_validator.cpython-314.pyc +0 -0
- package/pro/squads/squad-creator-pro/scripts/__pycache__/quality_gate.cpython-314.pyc +0 -0
- package/pro/squads/squad-creator-pro/scripts/__pycache__/scoring.cpython-314.pyc +0 -0
- package/pro/squads/squad-creator-pro/scripts/__pycache__/yaml_validator.cpython-314.pyc +0 -0
- package/pro/squads/squad-creator-pro/scripts/assess-sources.sh +443 -0
- package/pro/squads/squad-creator-pro/scripts/checklist_validator.py +451 -0
- package/pro/squads/squad-creator-pro/scripts/clone-review.sh +394 -0
- package/pro/squads/squad-creator-pro/scripts/coherence-validator.py +836 -0
- package/pro/squads/squad-creator-pro/scripts/create-agent-preflight.py +243 -0
- package/pro/squads/squad-creator-pro/scripts/cross-provider/compare-results.js +281 -0
- package/pro/squads/squad-creator-pro/scripts/cross-provider/cross-provider-runner.js +462 -0
- package/pro/squads/squad-creator-pro/scripts/dependency_check.py +333 -0
- package/pro/squads/squad-creator-pro/scripts/fidelity-score.sh +519 -0
- package/pro/squads/squad-creator-pro/scripts/generate-squad-greeting.js +426 -0
- package/pro/squads/squad-creator-pro/scripts/generate-squad-guide.js +558 -0
- package/pro/squads/squad-creator-pro/scripts/inventory.py +269 -0
- package/pro/squads/squad-creator-pro/scripts/lib/config-loader.js +151 -0
- package/pro/squads/squad-creator-pro/scripts/model-tier-validator.cjs +369 -0
- package/pro/squads/squad-creator-pro/scripts/model-usage-logger.cjs +245 -0
- package/pro/squads/squad-creator-pro/scripts/modernization-score.sh +308 -0
- package/pro/squads/squad-creator-pro/scripts/naming_validator.py +299 -0
- package/pro/squads/squad-creator-pro/scripts/on-specialist-complete.py +98 -0
- package/pro/squads/squad-creator-pro/scripts/quality_gate.py +413 -0
- package/pro/squads/squad-creator-pro/scripts/refresh-registry.py +270 -0
- package/pro/squads/squad-creator-pro/scripts/save-session-metrics.py +136 -0
- package/pro/squads/squad-creator-pro/scripts/scaffold-squad.cjs +281 -0
- package/pro/squads/squad-creator-pro/scripts/scoring.py +395 -0
- package/pro/squads/squad-creator-pro/scripts/security_scanner.py +378 -0
- package/pro/squads/squad-creator-pro/scripts/squad-analytics.py +585 -0
- package/pro/squads/squad-creator-pro/scripts/squad-context-loader.cjs +205 -0
- package/pro/squads/squad-creator-pro/scripts/squad-state-manager.cjs +451 -0
- package/pro/squads/squad-creator-pro/scripts/squad-workflow-runner.cjs +471 -0
- package/pro/squads/squad-creator-pro/scripts/squad_utils.py +261 -0
- package/pro/squads/squad-creator-pro/scripts/sync-ide-command.py +590 -0
- package/pro/squads/squad-creator-pro/scripts/tests/__init__.py +1 -0
- package/pro/squads/squad-creator-pro/scripts/tests/conftest.py +309 -0
- package/pro/squads/squad-creator-pro/scripts/tests/run_bash_tests.sh +29 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_assess_sources.sh +216 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_checklist_validator.py +396 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_clone_review.sh +239 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_coherence_validator.py +212 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_dependency_check.py +361 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_fidelity_score.sh +298 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_inventory.py +307 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_modernization_score.sh +211 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_naming_validator.py +373 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_quality_gate.py +280 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_refresh_registry.py +338 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_scoring.py +366 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_security_scanner.py +354 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_squad_analytics.py +450 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_validate_clone.sh +252 -0
- package/pro/squads/squad-creator-pro/scripts/tests/test_yaml_validator.py +412 -0
- package/pro/squads/squad-creator-pro/scripts/validate-agent-output.py +115 -0
- package/pro/squads/squad-creator-pro/scripts/validate-all.sh +49 -0
- package/pro/squads/squad-creator-pro/scripts/validate-squad-structure.py +535 -0
- package/pro/squads/squad-creator-pro/scripts/validate-squad.sh +944 -0
- package/pro/squads/squad-creator-pro/scripts/yaml_validator.py +528 -0
- package/pro/squads/squad-creator-pro/skills/squad.md +301 -0
- package/pro/squads/squad-creator-pro/squad.yaml +36 -0
- package/pro/squads/squad-creator-pro/tasks/CHANGELOG.md +80 -0
- package/pro/squads/squad-creator-pro/tasks/an-assess-sources.md +78 -0
- package/pro/squads/squad-creator-pro/tasks/an-clone-review.md +104 -0
- package/pro/squads/squad-creator-pro/tasks/an-compare-outputs.md +354 -0
- package/pro/squads/squad-creator-pro/tasks/an-design-clone.md +79 -0
- package/pro/squads/squad-creator-pro/tasks/an-diagnose-clone.md +87 -0
- package/pro/squads/squad-creator-pro/tasks/an-extract-dna.md +90 -0
- package/pro/squads/squad-creator-pro/tasks/an-extract-framework.md +100 -0
- package/pro/squads/squad-creator-pro/tasks/an-fidelity-score.md +108 -0
- package/pro/squads/squad-creator-pro/tasks/an-validate-clone.md +96 -0
- package/pro/squads/squad-creator-pro/tasks/auto-acquire-sources.md +349 -0
- package/pro/squads/squad-creator-pro/tasks/collect-sources.md +533 -0
- package/pro/squads/squad-creator-pro/tasks/create-agent.md +768 -0
- package/pro/squads/squad-creator-pro/tasks/create-documentation.md +258 -0
- package/pro/squads/squad-creator-pro/tasks/create-pipeline.md +296 -0
- package/pro/squads/squad-creator-pro/tasks/create-squad.md +933 -0
- package/pro/squads/squad-creator-pro/tasks/create-task.md +1148 -0
- package/pro/squads/squad-creator-pro/tasks/create-template.md +474 -0
- package/pro/squads/squad-creator-pro/tasks/create-workflow.md +720 -0
- package/pro/squads/squad-creator-pro/tasks/deconstruct.md +167 -0
- package/pro/squads/squad-creator-pro/tasks/deep-research-pre-agent.md +566 -0
- package/pro/squads/squad-creator-pro/tasks/detect-squad-context.md +81 -0
- package/pro/squads/squad-creator-pro/tasks/discover-tools.md +944 -0
- package/pro/squads/squad-creator-pro/tasks/extract-implicit.md +352 -0
- package/pro/squads/squad-creator-pro/tasks/extract-knowledge.md +577 -0
- package/pro/squads/squad-creator-pro/tasks/extract-sop.md +320 -0
- package/pro/squads/squad-creator-pro/tasks/extract-thinking-dna.md +653 -0
- package/pro/squads/squad-creator-pro/tasks/extract-voice-dna.md +619 -0
- package/pro/squads/squad-creator-pro/tasks/find-0.8.md +222 -0
- package/pro/squads/squad-creator-pro/tasks/install-commands.md +373 -0
- package/pro/squads/squad-creator-pro/tasks/lookup-model.md +78 -0
- package/pro/squads/squad-creator-pro/tasks/migrate-workflows-to-yaml.md +259 -0
- package/pro/squads/squad-creator-pro/tasks/next-squad.md +487 -0
- package/pro/squads/squad-creator-pro/tasks/optimize-workflow.md +851 -0
- package/pro/squads/squad-creator-pro/tasks/optimize.md +1082 -0
- package/pro/squads/squad-creator-pro/tasks/parallel-discovery.md +58 -0
- package/pro/squads/squad-creator-pro/tasks/pv-audit.md +244 -0
- package/pro/squads/squad-creator-pro/tasks/pv-axioma-assessment-wf-clone-mind.yaml +256 -0
- package/pro/squads/squad-creator-pro/tasks/pv-axioma-assessment.md +83 -0
- package/pro/squads/squad-creator-pro/tasks/pv-modernization-score.md +83 -0
- package/pro/squads/squad-creator-pro/tasks/qa-after-creation.md +475 -0
- package/pro/squads/squad-creator-pro/tasks/qualify-task.md +265 -0
- package/pro/squads/squad-creator-pro/tasks/reexecute-squad-phase.md +64 -0
- package/pro/squads/squad-creator-pro/tasks/refresh-registry.md +403 -0
- package/pro/squads/squad-creator-pro/tasks/smoke-test-model-routing.md +167 -0
- package/pro/squads/squad-creator-pro/tasks/squad-analytics.md +265 -0
- package/pro/squads/squad-creator-pro/tasks/squad-fusion.md +817 -0
- package/pro/squads/squad-creator-pro/tasks/squad-overview.md +683 -0
- package/pro/squads/squad-creator-pro/tasks/sync-ide-command.md +392 -0
- package/pro/squads/squad-creator-pro/tasks/update-mind.md +428 -0
- package/pro/squads/squad-creator-pro/tasks/upgrade-squad.md +919 -0
- package/pro/squads/squad-creator-pro/tasks/validate-extraction.md +209 -0
- package/pro/squads/squad-creator-pro/tasks/validate-final-artifacts.md +80 -0
- package/pro/squads/squad-creator-pro/tasks/validate-squad.md +1385 -0
- package/pro/squads/squad-creator-pro/templates/.gitkeep +1 -0
- package/pro/squads/squad-creator-pro/templates/agent-flow-doc-tmpl.md +512 -0
- package/pro/squads/squad-creator-pro/templates/agent-tmpl.md +697 -0
- package/pro/squads/squad-creator-pro/templates/config-tmpl.yaml +352 -0
- package/pro/squads/squad-creator-pro/templates/handoff-insumos-tmpl.yaml +112 -0
- package/pro/squads/squad-creator-pro/templates/orchestrator-tmpl.md +74 -0
- package/pro/squads/squad-creator-pro/templates/pipeline-progress-tmpl.py +373 -0
- package/pro/squads/squad-creator-pro/templates/pipeline-runner-tmpl.py +444 -0
- package/pro/squads/squad-creator-pro/templates/pipeline-state-tmpl.py +413 -0
- package/pro/squads/squad-creator-pro/templates/pop-extractor-prompt.md +549 -0
- package/pro/squads/squad-creator-pro/templates/quality-dashboard-tmpl.md +286 -0
- package/pro/squads/squad-creator-pro/templates/quality-gate-tmpl.yaml +589 -0
- package/pro/squads/squad-creator-pro/templates/readme-tmpl.md +231 -0
- package/pro/squads/squad-creator-pro/templates/research-output-tmpl.md +625 -0
- package/pro/squads/squad-creator-pro/templates/research-prompt-tmpl.md +479 -0
- package/pro/squads/squad-creator-pro/templates/squad-prd-tmpl.md +464 -0
- package/pro/squads/squad-creator-pro/templates/squad-readme-tmpl.md +170 -0
- package/pro/squads/squad-creator-pro/templates/story-create-agent-tmpl.md +284 -0
- package/pro/squads/squad-creator-pro/templates/task-tmpl.md +461 -0
- package/pro/squads/squad-creator-pro/templates/template-tmpl.yaml +227 -0
- package/pro/squads/squad-creator-pro/templates/workflow-doc-tmpl.md +860 -0
- package/pro/squads/squad-creator-pro/templates/workflow-tmpl.yaml +394 -0
- package/pro/squads/squad-creator-pro/test-cases/BATCH-PROGRESS.md +268 -0
- package/pro/squads/squad-creator-pro/test-cases/QUALIFICATION-DASHBOARD.yaml +13 -0
- package/pro/squads/squad-creator-pro/test-cases/_template.yaml +147 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/ASSESSMENT-SUMMARY.md +275 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/ASSESSMENT_SUMMARY.md +140 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/CHECKPOINT_MATRIX.md +202 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/EXECUTION-REPORT.md +413 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/EXECUTION_NOTES.md +358 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/README-v2.2.2.md +299 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/README.md +320 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/TEST-REPORT-v2.1.md +351 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/VERIFICATION-CHECKLIST.txt +247 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/formal-qualification-report.yaml +389 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/haiku-output.yaml +366 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/haiku-v2.1-output.yaml +452 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/haiku-v2.2.1-output.yaml +281 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/haiku-v2.2.2-output.yaml +332 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/opus-baseline.yaml +517 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/qualification-report.yaml +213 -0
- package/pro/squads/squad-creator-pro/test-cases/an-assess-sources/test-case.yaml +69 -0
- package/pro/squads/squad-creator-pro/test-cases/an-clone-review/haiku-round-1.yaml +213 -0
- package/pro/squads/squad-creator-pro/test-cases/an-clone-review/opus-baseline.yaml +566 -0
- package/pro/squads/squad-creator-pro/test-cases/an-clone-review/qualification-report.yaml +82 -0
- package/pro/squads/squad-creator-pro/test-cases/an-design-clone/test-case.yaml +102 -0
- package/pro/squads/squad-creator-pro/test-cases/an-extract-dna/test-case.yaml +105 -0
- package/pro/squads/squad-creator-pro/test-cases/an-fidelity-score/haiku-round-1.yaml +262 -0
- package/pro/squads/squad-creator-pro/test-cases/an-fidelity-score/opus-baseline.yaml +266 -0
- package/pro/squads/squad-creator-pro/test-cases/an-fidelity-score/qualification-report.yaml +94 -0
- package/pro/squads/squad-creator-pro/test-cases/an-validate-clone/haiku-round-1.yaml +282 -0
- package/pro/squads/squad-creator-pro/test-cases/an-validate-clone/opus-baseline.yaml +470 -0
- package/pro/squads/squad-creator-pro/test-cases/an-validate-clone/qualification-report.yaml +106 -0
- package/pro/squads/squad-creator-pro/test-cases/collect-sources/test-case.yaml +105 -0
- package/pro/squads/squad-creator-pro/test-cases/create-task/test-case.yaml +104 -0
- package/pro/squads/squad-creator-pro/test-cases/cross-provider/DASHBOARD.yaml +11 -0
- package/pro/squads/squad-creator-pro/test-cases/pv-audit/test-case.yaml +106 -0
- package/pro/squads/squad-creator-pro/test-cases/pv-axioma-assessment/haiku-output.yaml +209 -0
- package/pro/squads/squad-creator-pro/test-cases/pv-axioma-assessment/opus-baseline.yaml +96 -0
- package/pro/squads/squad-creator-pro/test-cases/pv-axioma-assessment/sonnet-output.yaml +30 -0
- package/pro/squads/squad-creator-pro/test-cases/pv-axioma-assessment/test-case.yaml +129 -0
- package/pro/squads/squad-creator-pro/test-cases/pv-modernization-score/comparison-round-1.yaml +242 -0
- package/pro/squads/squad-creator-pro/test-cases/pv-modernization-score/haiku-round-1.yaml +393 -0
- package/pro/squads/squad-creator-pro/test-cases/pv-modernization-score/opus-baseline.yaml +488 -0
- package/pro/squads/squad-creator-pro/test-cases/pv-modernization-score/qualification-report.yaml +74 -0
- package/pro/squads/squad-creator-pro/test-cases/qa-after-creation/haiku-round-1.yaml +292 -0
- package/pro/squads/squad-creator-pro/test-cases/qa-after-creation/opus-baseline.yaml +603 -0
- package/pro/squads/squad-creator-pro/test-cases/qa-after-creation/qualification-report.yaml +97 -0
- package/pro/squads/squad-creator-pro/test-cases/smoke-test-model-routing/test-case.yaml +100 -0
- package/pro/squads/squad-creator-pro/test-cases/upgrade-squad/test-case.yaml +106 -0
- package/pro/squads/squad-creator-pro/test-cases/validate-squad/comparison-round-1.yaml +223 -0
- package/pro/squads/squad-creator-pro/test-cases/validate-squad/haiku-round-1-MINE.yaml +36 -0
- package/pro/squads/squad-creator-pro/test-cases/validate-squad/haiku-round-1.yaml +193 -0
- package/pro/squads/squad-creator-pro/test-cases/validate-squad/haiku-round-2.yaml +303 -0
- package/pro/squads/squad-creator-pro/test-cases/validate-squad/haiku-round-3-v4-task.yaml +149 -0
- package/pro/squads/squad-creator-pro/test-cases/validate-squad/opus-baseline.yaml +529 -0
- package/pro/squads/squad-creator-pro/test-cases/validate-squad/opus-round-3-v4-task.yaml +132 -0
- package/pro/squads/squad-creator-pro/test-cases/validate-squad/qualification-report.yaml +104 -0
- package/pro/squads/squad-creator-pro/test-cases/wf-clone-mind/haiku-output-v2-calibrated.yaml +200 -0
- package/pro/squads/squad-creator-pro/test-cases/wf-clone-mind/haiku-output.yaml +183 -0
- package/pro/squads/squad-creator-pro/test-cases/wf-clone-mind/opus-baseline.yaml +112 -0
- package/pro/squads/squad-creator-pro/utils/.gitkeep +1 -0
- package/pro/squads/squad-creator-pro/workflows/.gitkeep +1 -0
- package/pro/squads/squad-creator-pro/workflows/create-squad.yaml +348 -0
- package/pro/squads/squad-creator-pro/workflows/modules/module-discovery.yaml +16 -0
- package/pro/squads/squad-creator-pro/workflows/modules/module-integration.yaml +16 -0
- package/pro/squads/squad-creator-pro/workflows/modules/module-quality-gates.yaml +15 -0
- package/pro/squads/squad-creator-pro/workflows/validate-squad.yaml +582 -0
- package/pro/squads/squad-creator-pro/workflows/wf-auto-acquire-sources.yaml +518 -0
- package/pro/squads/squad-creator-pro/workflows/wf-brownfield-upgrade-squad.yaml +46 -0
- package/pro/squads/squad-creator-pro/workflows/wf-clone-mind.yaml +521 -0
- package/pro/squads/squad-creator-pro/workflows/wf-context-aware-create-squad.yaml +47 -0
- package/pro/squads/squad-creator-pro/workflows/wf-create-squad.yaml +1619 -0
- package/pro/squads/squad-creator-pro/workflows/wf-cross-provider-qualification.yaml +711 -0
- package/pro/squads/squad-creator-pro/workflows/wf-discover-tools.yaml +1439 -0
- package/pro/squads/squad-creator-pro/workflows/wf-extraction-pipeline.yaml +486 -0
- package/pro/squads/squad-creator-pro/workflows/wf-mind-research-loop.yaml +668 -0
- package/pro/squads/squad-creator-pro/workflows/wf-model-tier-qualification.yaml +800 -0
- package/pro/squads/squad-creator-pro/workflows/wf-optimize-squad.yaml +684 -0
- package/pro/squads/squad-creator-pro/workflows/wf-research-then-create-agent.yaml +921 -0
- package/pro/squads/squad-creator-pro/workflows/wf-squad-fusion.yaml +1684 -0
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
# Microsoft Fluent 2 — Design Principles Reference
|
|
2
|
+
|
|
3
|
+
**Source:** Microsoft Fluent 2 documentation and team insights
|
|
4
|
+
**Purpose:** Reference for evaluating and building components aligned with Fluent 2
|
|
5
|
+
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
## Core Principles
|
|
9
|
+
|
|
10
|
+
### 1. Clarity
|
|
11
|
+
- Remove ambiguity. Every element should serve a clear purpose.
|
|
12
|
+
- Typography and spacing create visual hierarchy without decoration.
|
|
13
|
+
- Information architecture is the design — not the chrome around it.
|
|
14
|
+
|
|
15
|
+
### 2. System
|
|
16
|
+
- Components work together as a coherent system, not isolated pieces.
|
|
17
|
+
- Consistent patterns reduce cognitive load across all Microsoft products.
|
|
18
|
+
- Cross-platform consistency: same mental model on Web, iOS, Android, Windows.
|
|
19
|
+
|
|
20
|
+
### 3. Productive
|
|
21
|
+
- Optimize for task completion, not aesthetics alone.
|
|
22
|
+
- Reduce clicks, reduce decisions, reduce friction.
|
|
23
|
+
- Compound components expose exactly the API surface users need.
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
## Component Architecture: Compound Components
|
|
28
|
+
|
|
29
|
+
Fluent 2 uses compound components pattern extensively:
|
|
30
|
+
|
|
31
|
+
```tsx
|
|
32
|
+
<Menu>
|
|
33
|
+
<MenuTrigger>
|
|
34
|
+
<Button>Options</Button>
|
|
35
|
+
</MenuTrigger>
|
|
36
|
+
<MenuPopover>
|
|
37
|
+
<MenuList>
|
|
38
|
+
<MenuItem>Edit</MenuItem>
|
|
39
|
+
<MenuItem>Delete</MenuItem>
|
|
40
|
+
</MenuList>
|
|
41
|
+
</MenuPopover>
|
|
42
|
+
</Menu>
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
**Why compound:** Each sub-component is independently testable, styleable, and replaceable. The parent orchestrates behavior while children handle rendering.
|
|
46
|
+
|
|
47
|
+
### Key Patterns
|
|
48
|
+
- **Slots:** Components accept slot props for customizable sub-parts
|
|
49
|
+
- **Controlled/Uncontrolled:** Both patterns supported via hooks
|
|
50
|
+
- **Composition over configuration:** Combine simple parts vs. one component with 50 props
|
|
51
|
+
- **Forward refs:** All components forward refs for imperative access
|
|
52
|
+
|
|
53
|
+
---
|
|
54
|
+
|
|
55
|
+
## Token Structure
|
|
56
|
+
|
|
57
|
+
Fluent 2 tokens follow a layered architecture:
|
|
58
|
+
- **Global tokens:** Brand-agnostic base values (colorNeutralBackground1)
|
|
59
|
+
- **Alias tokens:** Semantic mapping (colorBrandBackground = global.brand[80])
|
|
60
|
+
- **Component tokens:** Component-specific (buttonPrimaryBackground)
|
|
61
|
+
|
|
62
|
+
### Naming Convention
|
|
63
|
+
```
|
|
64
|
+
color + category + variant + state
|
|
65
|
+
```
|
|
66
|
+
Examples: `colorNeutralForeground1`, `colorBrandBackgroundHover`, `colorPaletteRedBorder1`
|
|
67
|
+
|
|
68
|
+
---
|
|
69
|
+
|
|
70
|
+
## Cross-Platform Strategy
|
|
71
|
+
|
|
72
|
+
| Platform | Package | Approach |
|
|
73
|
+
|----------|---------|----------|
|
|
74
|
+
| Web | `@fluentui/react-components` | React 18+, compound components |
|
|
75
|
+
| iOS | `@fluentui-apple` | Swift, native UIKit/SwiftUI |
|
|
76
|
+
| Android | `@fluentui-android` | Kotlin, Jetpack Compose |
|
|
77
|
+
| Windows | WinUI 3 | XAML, native controls |
|
|
78
|
+
|
|
79
|
+
**Shared:** Token values and naming across all platforms. Component APIs are platform-native, not wrapped web views.
|
|
80
|
+
|
|
81
|
+
---
|
|
82
|
+
|
|
83
|
+
## Accessibility Approach
|
|
84
|
+
|
|
85
|
+
Fluent 2's philosophy: **built-in, not bolted-on.**
|
|
86
|
+
|
|
87
|
+
- Every component ships with ARIA attributes by default
|
|
88
|
+
- Keyboard navigation is a first-class concern in component design
|
|
89
|
+
- Focus management handled at the system level (FocusZone, Tabster)
|
|
90
|
+
- High contrast mode supported via token architecture (not separate CSS)
|
|
91
|
+
- Screen reader testing is part of component acceptance criteria
|
|
92
|
+
|
|
93
|
+
---
|
|
94
|
+
|
|
95
|
+
## Team Structure Insight
|
|
96
|
+
|
|
97
|
+
The Fluent 2 design system documentation site was built by a remarkably small team:
|
|
98
|
+
- 1 PM (program manager)
|
|
99
|
+
- 1 Lead Engineer
|
|
100
|
+
- 1 Content Designer
|
|
101
|
+
- 1 Principal Designer (Filip Aleksandrow)
|
|
102
|
+
|
|
103
|
+
Built with **Astro** for the documentation site. Proves that a well-organized small team can ship a world-class DS.
|
|
104
|
+
|
|
105
|
+
---
|
|
106
|
+
|
|
107
|
+
## When to Reference Fluent 2
|
|
108
|
+
|
|
109
|
+
- Building enterprise/productivity applications
|
|
110
|
+
- Need cross-platform consistency (Web + mobile + desktop)
|
|
111
|
+
- Compound component architecture decisions
|
|
112
|
+
- Token naming conventions at scale
|
|
113
|
+
- Accessibility-first component design
|
|
114
|
+
- Small team building large-scope DS
|
|
@@ -0,0 +1,349 @@
|
|
|
1
|
+
# Design de Leitura Digital de Alta Retenção
|
|
2
|
+
|
|
3
|
+
> **Guia Completo Baseado em Evidências Científicas (2010-2026)**
|
|
4
|
+
> Single Source of Truth para design de experiências de leitura digital.
|
|
5
|
+
> Compilado de pesquisas acadêmicas, WCAG, publishers e guidelines de plataformas.
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
## Sumário Rápido
|
|
10
|
+
|
|
11
|
+
| Área | Regra Principal | Impacto Medido |
|
|
12
|
+
|------|-----------------|----------------|
|
|
13
|
+
| Font Size | ≥16px, ideal 18-21px | +5-10% velocidade |
|
|
14
|
+
| Line Height | 1.5-1.6x | +10% completion |
|
|
15
|
+
| Line Length | 50-75ch, ideal 65ch | Minimiza saccades |
|
|
16
|
+
| Contraste | ≥4.5:1 (AA), ideal 7:1 (AAA) | Obrigatório |
|
|
17
|
+
| Dark Mode | #121212 fundo, #E0E0E0 texto | -14% se mal feito |
|
|
18
|
+
| Progress Bar | Visível no topo | +15-25% completion |
|
|
19
|
+
| Parágrafos | 3-4 sentenças | +30% engagement |
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
## 1. Playbook: 18 Regras Fundamentais
|
|
24
|
+
|
|
25
|
+
### Tipografia
|
|
26
|
+
|
|
27
|
+
**Regra 1 — Tamanho mínimo: 16px**
|
|
28
|
+
- Mínimo absoluto: 16px
|
|
29
|
+
- Ideal para leitura prolongada: 18-21px
|
|
30
|
+
- Fontes <16px reduzem velocidade e aumentam fadiga
|
|
31
|
+
- Sans-serif em telas HD: **+5-10% velocidade**
|
|
32
|
+
|
|
33
|
+
**Regra 2 — Altura de linha: 1.5-1.6x**
|
|
34
|
+
- Sweet spot: 1.6
|
|
35
|
+
- Linhas longas requerem maior espaçamento
|
|
36
|
+
- Line-height 1.6 vs 1.4: **+10% completion rate**
|
|
37
|
+
|
|
38
|
+
**Regra 3 — Comprimento de linha: 50-75 caracteres**
|
|
39
|
+
- Ideal: 65ch
|
|
40
|
+
- Máximo WCAG: 80ch
|
|
41
|
+
- Minimiza saccades (movimentos rápidos dos olhos)
|
|
42
|
+
|
|
43
|
+
**Regra 4 — Família tipográfica**
|
|
44
|
+
- Priorize fontes com x-height ≥ 50% da cap height
|
|
45
|
+
- UI: sans-serif
|
|
46
|
+
- Leitura longa: ambos funcionam
|
|
47
|
+
- Disléxicos: OpenDyslexic **+15% retenção**
|
|
48
|
+
|
|
49
|
+
**Regra 4b — Letter-spacing: 0.12x**
|
|
50
|
+
- Espaçamento de 0.012em melhora precisão em **10-15%**
|
|
51
|
+
- Mobile: considere 0.16x
|
|
52
|
+
|
|
53
|
+
**Regra 5 — Margens generosas**
|
|
54
|
+
- Mobile: mínimo 16px laterais
|
|
55
|
+
- Desktop: 24-32px
|
|
56
|
+
- **60% whitespace** reduz abandono em **15%**
|
|
57
|
+
|
|
58
|
+
### Espaçamento
|
|
59
|
+
|
|
60
|
+
**Regra 6 — Entre parágrafos: 1-1.5em**
|
|
61
|
+
- Cria respiros visuais naturais
|
|
62
|
+
|
|
63
|
+
**Regra 7 — Hierarquia tipográfica clara**
|
|
64
|
+
- Escala modular: Minor Third (1.2x) ou Major Third (1.25x)
|
|
65
|
+
- H1: 2-2.5x body
|
|
66
|
+
- H2: 1.5-2x body
|
|
67
|
+
- H3: 1.25-1.5x body
|
|
68
|
+
|
|
69
|
+
**Regra 7b — Grid: 4pt micro, 8pt macro**
|
|
70
|
+
- 4px para micro-espaçamentos
|
|
71
|
+
- 8px para ritmo vertical
|
|
72
|
+
- Grid 8pt: **+10% engagement**
|
|
73
|
+
|
|
74
|
+
### Cores e Contraste
|
|
75
|
+
|
|
76
|
+
**Regra 8 — Contraste mínimo 4.5:1 (WCAG AA)**
|
|
77
|
+
- Texto normal: 4.5:1
|
|
78
|
+
- Texto grande (≥18px bold): 3:1
|
|
79
|
+
- Ideal: 7:1 (AAA)
|
|
80
|
+
|
|
81
|
+
**Regra 9 — Fundo off-white**
|
|
82
|
+
- Use #FAFAFA a #F5F5F5, não #FFFFFF
|
|
83
|
+
- Branco puro causa desconforto
|
|
84
|
+
|
|
85
|
+
**Regra 10 — Dark mode correto**
|
|
86
|
+
- Fundo: #121212 a #1E1E1E (NUNCA #000000)
|
|
87
|
+
- Texto: #E0E0E0 (NUNCA #FFFFFF)
|
|
88
|
+
- Contraste 21:1 causa halation
|
|
89
|
+
- Dark mode ruim: **-14% compreensão**
|
|
90
|
+
|
|
91
|
+
**Regra 11 — Ofereça opções de tema**
|
|
92
|
+
- Mínimo: claro, escuro, sépia
|
|
93
|
+
- "Seguir sistema" automático
|
|
94
|
+
- **70% preferem dark mode noturno**
|
|
95
|
+
|
|
96
|
+
### Elementos de Interface
|
|
97
|
+
|
|
98
|
+
**Regra 12 — Indicador de progresso**
|
|
99
|
+
- Barra no topo ou lateral
|
|
100
|
+
- Alternativas: porcentagem, "X min restantes"
|
|
101
|
+
- **+15-25% completion**
|
|
102
|
+
|
|
103
|
+
**Regra 13 — Links distinguíveis**
|
|
104
|
+
- Nunca dependa apenas de cor
|
|
105
|
+
- Use sublinhado, peso ou ícone
|
|
106
|
+
- Contraste ≥3:1 com texto ao redor
|
|
107
|
+
- Links sem sublinhado (cor+hover): **-10% exits**
|
|
108
|
+
|
|
109
|
+
**Regra 14 — Funcionalidade de destaque**
|
|
110
|
+
- Highlight múltiplas cores (40% opacidade)
|
|
111
|
+
- Notas marginais ou inline
|
|
112
|
+
- **+20% taxa de retorno**
|
|
113
|
+
|
|
114
|
+
**Regra 15 — Salvar e continuar**
|
|
115
|
+
- Salve posição automaticamente
|
|
116
|
+
- "Continue de onde parou"
|
|
117
|
+
- Aumenta taxa de conclusão
|
|
118
|
+
|
|
119
|
+
### Padrões Editoriais
|
|
120
|
+
|
|
121
|
+
**Regra 16 — Parágrafos curtos: 3-4 sentenças**
|
|
122
|
+
- Uma ideia por parágrafo
|
|
123
|
+
- 3-5 linhas: **+30% engagement**
|
|
124
|
+
|
|
125
|
+
**Regra 17 — Headings a cada 3-5 parágrafos**
|
|
126
|
+
- Facilita escaneamento
|
|
127
|
+
- Cria pontos de reentrada
|
|
128
|
+
- **+20% navegação**
|
|
129
|
+
|
|
130
|
+
**Regra 18 — TL;DR e profundidade progressiva**
|
|
131
|
+
- Resumo no início
|
|
132
|
+
- Pirâmide invertida: conclusão primeiro
|
|
133
|
+
- Expandir/colapsar seções
|
|
134
|
+
- TL;DR: **-15% bounce rate**
|
|
135
|
+
|
|
136
|
+
---
|
|
137
|
+
|
|
138
|
+
## 2. Design Tokens para Leitura
|
|
139
|
+
|
|
140
|
+
### Escala Tipográfica (Minor Third 1.2x)
|
|
141
|
+
|
|
142
|
+
| Token | Valor | Uso |
|
|
143
|
+
|-------|-------|-----|
|
|
144
|
+
| `--font-size-xs` | 0.694rem (11px) | Captions, footnotes |
|
|
145
|
+
| `--font-size-sm` | 0.833rem (13px) | Labels, metadata |
|
|
146
|
+
| `--font-size-base` | 1rem (16px) | Body text |
|
|
147
|
+
| `--font-size-lg` | 1.2rem (19px) | Lead paragraphs |
|
|
148
|
+
| `--font-size-xl` | 1.44rem (23px) | H4 |
|
|
149
|
+
| `--font-size-2xl` | 1.728rem (28px) | H3 |
|
|
150
|
+
| `--font-size-3xl` | 2.074rem (33px) | H2 |
|
|
151
|
+
| `--font-size-4xl` | 2.488rem (40px) | H1 |
|
|
152
|
+
|
|
153
|
+
### Alturas de Linha
|
|
154
|
+
|
|
155
|
+
| Token | Valor | Uso |
|
|
156
|
+
|-------|-------|-----|
|
|
157
|
+
| `--line-height-tight` | 1.25 | Headings |
|
|
158
|
+
| `--line-height-normal` | 1.5 | UI, short text |
|
|
159
|
+
| `--line-height-reading` | 1.6 | Body text ideal |
|
|
160
|
+
| `--line-height-relaxed` | 1.625 | Mobile body |
|
|
161
|
+
| `--line-height-loose` | 1.75 | Accessibility |
|
|
162
|
+
|
|
163
|
+
### Medidas (Line Length)
|
|
164
|
+
|
|
165
|
+
| Token | Valor | Uso |
|
|
166
|
+
|-------|-------|-----|
|
|
167
|
+
| `--measure-narrow` | 45ch | Mobile, sidebars |
|
|
168
|
+
| `--measure-base` | 65ch | Ideal desktop |
|
|
169
|
+
| `--measure-wide` | 75ch | Wide layouts |
|
|
170
|
+
| `--measure-max` | 80ch | WCAG maximum |
|
|
171
|
+
|
|
172
|
+
### Cores — Tema Claro
|
|
173
|
+
|
|
174
|
+
| Token | Valor | Uso |
|
|
175
|
+
|-------|-------|-----|
|
|
176
|
+
| `--reading-bg` | #FAFAFA | Fundo principal |
|
|
177
|
+
| `--reading-bg-alt` | #F5F5F5 | Fundo secundário |
|
|
178
|
+
| `--reading-bg-elevated` | #FFFFFF | Cards |
|
|
179
|
+
| `--reading-text` | #212121 | Texto principal |
|
|
180
|
+
| `--reading-text-secondary` | #424242 | Texto secundário |
|
|
181
|
+
| `--reading-text-muted` | #757575 | Metadata |
|
|
182
|
+
| `--reading-link` | #1976D2 | Links |
|
|
183
|
+
|
|
184
|
+
### Cores — Tema Escuro
|
|
185
|
+
|
|
186
|
+
| Token | Valor |
|
|
187
|
+
|-------|-------|
|
|
188
|
+
| `--reading-bg` | #121212 |
|
|
189
|
+
| `--reading-bg-alt` | #1E1E1E |
|
|
190
|
+
| `--reading-bg-elevated` | #242424 |
|
|
191
|
+
| `--reading-text` | #E0E0E0 |
|
|
192
|
+
| `--reading-text-secondary` | #BDBDBD |
|
|
193
|
+
| `--reading-link` | #64B5F6 |
|
|
194
|
+
|
|
195
|
+
### Cores — Tema Sépia
|
|
196
|
+
|
|
197
|
+
| Token | Valor |
|
|
198
|
+
|-------|-------|
|
|
199
|
+
| `--reading-bg` | #FDF6E3 |
|
|
200
|
+
| `--reading-bg-alt` | #FAF0D7 |
|
|
201
|
+
| `--reading-text` | #433422 |
|
|
202
|
+
| `--reading-link` | #B45309 |
|
|
203
|
+
|
|
204
|
+
### Cores de Highlight (40% opacidade)
|
|
205
|
+
|
|
206
|
+
| Token | Valor |
|
|
207
|
+
|-------|-------|
|
|
208
|
+
| `--highlight-yellow` | rgba(255, 235, 59, 0.4) |
|
|
209
|
+
| `--highlight-green` | rgba(129, 199, 132, 0.4) |
|
|
210
|
+
| `--highlight-blue` | rgba(100, 181, 246, 0.4) |
|
|
211
|
+
| `--highlight-pink` | rgba(240, 98, 146, 0.4) |
|
|
212
|
+
|
|
213
|
+
---
|
|
214
|
+
|
|
215
|
+
## 3. Matrizes de Decisão
|
|
216
|
+
|
|
217
|
+
### Serif vs Sans-Serif
|
|
218
|
+
|
|
219
|
+
| Contexto | Recomendação | Impacto |
|
|
220
|
+
|----------|--------------|---------|
|
|
221
|
+
| UI/Interface | Sans-serif | — |
|
|
222
|
+
| Resumos/Scan | Sans-serif | +5-10% velocidade |
|
|
223
|
+
| Leitura longa | Ambos OK | — |
|
|
224
|
+
| Usuários 50+ | Sans-serif | — |
|
|
225
|
+
| Disléxicos | Sans-serif/OpenDyslexic | +15% retenção |
|
|
226
|
+
| Editorial premium | Serif | — |
|
|
227
|
+
| Mobile | Sans-serif | +5-10% velocidade |
|
|
228
|
+
|
|
229
|
+
### Dark Mode vs Light Mode
|
|
230
|
+
|
|
231
|
+
| Contexto | Recomendação | Razão |
|
|
232
|
+
|----------|--------------|-------|
|
|
233
|
+
| Leitura prolongada | Light mode | Melhor acuidade |
|
|
234
|
+
| Ambiente escuro | Dark mode | Menos luz, conforto |
|
|
235
|
+
| Antes de dormir | Dark mode | 70% preferem |
|
|
236
|
+
| Revisão/edição | Light mode | Melhor detecção de erros |
|
|
237
|
+
| Implementação ruim | EVITAR | -14% compreensão |
|
|
238
|
+
|
|
239
|
+
### Largura por Breakpoint
|
|
240
|
+
|
|
241
|
+
| Viewport | Caracteres | Font Size | Line Height |
|
|
242
|
+
|----------|------------|-----------|-------------|
|
|
243
|
+
| < 480px | 35-45ch | 16px | 1.6-1.7 |
|
|
244
|
+
| 480-639px | 40-50ch | 16px | 1.6 |
|
|
245
|
+
| 640-1023px | 55-70ch | 17px | 1.5-1.6 |
|
|
246
|
+
| ≥ 1024px | 60-75ch | 18px | 1.5-1.6 |
|
|
247
|
+
| ≥ 1440px | 65-80ch | 18-21px | 1.5 |
|
|
248
|
+
|
|
249
|
+
---
|
|
250
|
+
|
|
251
|
+
## 4. Métricas de Qualidade
|
|
252
|
+
|
|
253
|
+
### Primárias
|
|
254
|
+
|
|
255
|
+
| Métrica | Benchmark Bom | Excelente |
|
|
256
|
+
|---------|---------------|-----------|
|
|
257
|
+
| Completion Rate (≥90% scroll) | ≥ 30% | ≥ 50% |
|
|
258
|
+
| Scroll Depth médio | ≥ 60% | ≥ 75% |
|
|
259
|
+
| Time on Page (5 min artigo) | 2.5-3.5 min | 3.5-5 min |
|
|
260
|
+
| Return Rate (7 dias) | ≥ 20% | ≥ 35% |
|
|
261
|
+
| Bounce Rate | < 40% | < 25% |
|
|
262
|
+
|
|
263
|
+
### Fórmulas
|
|
264
|
+
|
|
265
|
+
```
|
|
266
|
+
Reading Time = palavras ÷ 200 (casual)
|
|
267
|
+
Reading Time = palavras ÷ 250 (rápida)
|
|
268
|
+
|
|
269
|
+
Completion Rate = (sessões scroll ≥90%) ÷ total × 100
|
|
270
|
+
|
|
271
|
+
Engagement Score = (scroll_depth × 0.4) + (time_ratio × 0.3) + (interactions × 0.3)
|
|
272
|
+
```
|
|
273
|
+
|
|
274
|
+
### Benchmarks por Tipo
|
|
275
|
+
|
|
276
|
+
| Tipo | Completion | Tempo |
|
|
277
|
+
|------|------------|-------|
|
|
278
|
+
| Notícia curta (<500 palavras) | 60-80% | 1-2 min |
|
|
279
|
+
| Artigo médio (500-1500) | 40-60% | 3-6 min |
|
|
280
|
+
| Long-form (1500-3000) | 25-40% | 6-12 min |
|
|
281
|
+
| Tutorial técnico | 30-50% | Varia |
|
|
282
|
+
| Listicle | 50-70% | 2-5 min |
|
|
283
|
+
|
|
284
|
+
---
|
|
285
|
+
|
|
286
|
+
## 5. Validação de Compliance
|
|
287
|
+
|
|
288
|
+
### Checklist Obrigatório
|
|
289
|
+
|
|
290
|
+
**Tipografia:**
|
|
291
|
+
- [ ] Font size ≥ 16px
|
|
292
|
+
- [ ] Line height ≥ 1.5
|
|
293
|
+
- [ ] Line length ≤ 80ch
|
|
294
|
+
- [ ] Zoom 200% funcional
|
|
295
|
+
- [ ] Sem ALL CAPS em blocos
|
|
296
|
+
- [ ] Peso ≥ 400 para body
|
|
297
|
+
|
|
298
|
+
**Cor e Contraste:**
|
|
299
|
+
- [ ] Contraste ≥ 4.5:1 (AA)
|
|
300
|
+
- [ ] Links distinguíveis além da cor
|
|
301
|
+
- [ ] Focus visível
|
|
302
|
+
- [ ] ≥ 2 temas disponíveis
|
|
303
|
+
|
|
304
|
+
**Acessibilidade:**
|
|
305
|
+
- [ ] Hierarquia de headings lógica
|
|
306
|
+
- [ ] Skip links disponíveis
|
|
307
|
+
- [ ] prefers-reduced-motion respeitado
|
|
308
|
+
- [ ] Touch targets ≥ 44x44px
|
|
309
|
+
|
|
310
|
+
---
|
|
311
|
+
|
|
312
|
+
## 6. Referências de Publishers
|
|
313
|
+
|
|
314
|
+
### Especificações Técnicas
|
|
315
|
+
|
|
316
|
+
| Publisher | Font Size | Line Height | Max Width | Fonte |
|
|
317
|
+
|-----------|-----------|-------------|-----------|-------|
|
|
318
|
+
| Medium | **21px** | 1.58 | ~680px | Charter |
|
|
319
|
+
| NYT | 18-19px | ~1.5 | ~600px | Georgia |
|
|
320
|
+
| Guardian | 17px | 1.4 | ~620px | Guardian Egyptian |
|
|
321
|
+
| Substack | 18px | 1.6 | ~680px | System |
|
|
322
|
+
| The Atlantic | 20px | 1.6 | ~660px | Georgia |
|
|
323
|
+
|
|
324
|
+
### Evidências de Impacto
|
|
325
|
+
|
|
326
|
+
| Publisher | Descoberta |
|
|
327
|
+
|-----------|------------|
|
|
328
|
+
| Medium | TTR (Total Time Reading) > pageviews como métrica |
|
|
329
|
+
| NZZ | Imagem após 1º parágrafo: +20% engaged time |
|
|
330
|
+
| Guardian | Redesign tabloid: 4x vendas em 1 semana |
|
|
331
|
+
| FT | "Quality reads" prediz conversão melhor que pageviews |
|
|
332
|
+
| Chartbeat | Scroll 25-35% → 14% retorno; cada página adicional → 8% → 22% retorno |
|
|
333
|
+
|
|
334
|
+
---
|
|
335
|
+
|
|
336
|
+
## 7. Armadilhas Comuns
|
|
337
|
+
|
|
338
|
+
| Problema | Sintoma | Solução |
|
|
339
|
+
|----------|---------|---------|
|
|
340
|
+
| Alto tempo + baixo scroll | Usuário distraído | Verificar elementos que prendem no topo |
|
|
341
|
+
| Alto completion + alto bounce | Conteúdo curto demais | Oferecer conteúdo relacionado |
|
|
342
|
+
| Média sem segmentação | Esconde diferenças | Segmentar mobile/desktop, novo/retorno |
|
|
343
|
+
| Dark mode mal implementado | -14% compreensão | Nunca usar #000/#FFF puros |
|
|
344
|
+
| Linhas muito longas | Perda de tracking | Limitar a 75ch |
|
|
345
|
+
| Parágrafos longos | Blocos intimidadores | 3-4 sentenças |
|
|
346
|
+
|
|
347
|
+
---
|
|
348
|
+
|
|
349
|
+
*Guia v1.0.0 — Baseado em pesquisa sistemática de literatura acadêmica, WCAG 2.1/2.2, Apple HIG, Material Design 3, e práticas de publishers.*
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
# Integration Patterns with Squads
|
|
2
|
+
|
|
3
|
+
**Purpose:** How design system integrates with MMOS, CreatorOS, InnerLens
|
|
4
|
+
**Agent:** Design System (Builder Mode)
|
|
5
|
+
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
## Integration Architecture
|
|
9
|
+
|
|
10
|
+
```typescript
|
|
11
|
+
// Design system provides hooks
|
|
12
|
+
interface DesignSystemHook {
|
|
13
|
+
getTokens(context: Context): Tokens;
|
|
14
|
+
getComponents(): ComponentLibrary;
|
|
15
|
+
applyTheme(theme: Theme): void;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
// Expansion packs consume
|
|
19
|
+
const designSystem = useDesignSystem();
|
|
20
|
+
const tokens = designSystem.getTokens({ personality: 'formal' });
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
## MMOS Integration
|
|
26
|
+
|
|
27
|
+
### Use Case: Cognitive Clone Interfaces
|
|
28
|
+
|
|
29
|
+
**Problem:** Each clone needs consistent UI that matches personality.
|
|
30
|
+
|
|
31
|
+
**Solution:** Personality-based token variations.
|
|
32
|
+
|
|
33
|
+
```typescript
|
|
34
|
+
// Personality token mapping
|
|
35
|
+
const personalityTokens = {
|
|
36
|
+
formal: {
|
|
37
|
+
fontFamily: 'var(--font-serif)',
|
|
38
|
+
fontSize: 'var(--font-size-base)',
|
|
39
|
+
spacing: 'var(--space-formal)', // Generous
|
|
40
|
+
colorPrimary: 'var(--color-corporate)',
|
|
41
|
+
colorBackground: 'var(--color-neutral-50)',
|
|
42
|
+
},
|
|
43
|
+
|
|
44
|
+
casual: {
|
|
45
|
+
fontFamily: 'var(--font-sans)',
|
|
46
|
+
fontSize: 'var(--font-size-lg)',
|
|
47
|
+
spacing: 'var(--space-relaxed)',
|
|
48
|
+
colorPrimary: 'var(--color-friendly)',
|
|
49
|
+
colorBackground: 'var(--color-warm)',
|
|
50
|
+
},
|
|
51
|
+
|
|
52
|
+
technical: {
|
|
53
|
+
fontFamily: 'var(--font-mono)',
|
|
54
|
+
fontSize: 'var(--font-size-sm)',
|
|
55
|
+
spacing: 'var(--space-compact)',
|
|
56
|
+
colorPrimary: 'var(--color-technical)',
|
|
57
|
+
colorBackground: 'var(--color-dark)',
|
|
58
|
+
},
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
// Usage in MMOS
|
|
62
|
+
<CloneChatInterface
|
|
63
|
+
personality="formal"
|
|
64
|
+
tokens={personalityTokens.formal}
|
|
65
|
+
/>
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
### Components Generated
|
|
69
|
+
|
|
70
|
+
- `CloneChatInterface` (Input + MessageBubble + Avatar)
|
|
71
|
+
- `CloneAvatar` (with personality-based styling)
|
|
72
|
+
- `CloneSettings` (form fields for clone config)
|
|
73
|
+
|
|
74
|
+
---
|
|
75
|
+
|
|
76
|
+
## CreatorOS Integration
|
|
77
|
+
|
|
78
|
+
### Use Case: Course Platform UIs
|
|
79
|
+
|
|
80
|
+
**Problem:** Educational interfaces need readability and accessibility.
|
|
81
|
+
|
|
82
|
+
**Solution:** Learning-optimized tokens.
|
|
83
|
+
|
|
84
|
+
```typescript
|
|
85
|
+
// Educational tokens
|
|
86
|
+
const educationalTokens = {
|
|
87
|
+
fontSize: '18px', // Larger for readability
|
|
88
|
+
lineHeight: 1.6, // Comprehension
|
|
89
|
+
spacing: 'var(--space-generous)',
|
|
90
|
+
colorFocus: 'var(--color-highlight)',
|
|
91
|
+
colorProgress: 'var(--color-success)',
|
|
92
|
+
colorError: 'var(--color-error)',
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
// Usage in CreatorOS
|
|
96
|
+
<CourseVideoPlayer
|
|
97
|
+
tokens={educationalTokens}
|
|
98
|
+
accessibility="WCAG AAA"
|
|
99
|
+
/>
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
### Components Generated
|
|
103
|
+
|
|
104
|
+
- `CourseVideoPlayer` (with controls, transcript, progress)
|
|
105
|
+
- `QuizQuestion` (with validation UI)
|
|
106
|
+
- `ProgressBar` (visual reinforcement)
|
|
107
|
+
- `ChapterNavigation` (clear structure)
|
|
108
|
+
|
|
109
|
+
---
|
|
110
|
+
|
|
111
|
+
## InnerLens Integration
|
|
112
|
+
|
|
113
|
+
### Use Case: Psychometric Assessment Forms
|
|
114
|
+
|
|
115
|
+
**Problem:** Tests need minimal distractions, neutral design.
|
|
116
|
+
|
|
117
|
+
**Solution:** Minimal distraction tokens.
|
|
118
|
+
|
|
119
|
+
```typescript
|
|
120
|
+
// Minimal tokens
|
|
121
|
+
const minimalTokens = {
|
|
122
|
+
colorPrimary: 'var(--color-neutral-700)',
|
|
123
|
+
colorBackground: 'var(--color-neutral-50)',
|
|
124
|
+
colorBorder: 'var(--color-neutral-200)',
|
|
125
|
+
spacing: 'var(--space-balanced)',
|
|
126
|
+
fontSize: 'var(--font-size-base)',
|
|
127
|
+
// No decorative elements
|
|
128
|
+
};
|
|
129
|
+
|
|
130
|
+
// Usage in InnerLens
|
|
131
|
+
<AssessmentForm
|
|
132
|
+
tokens={minimalTokens}
|
|
133
|
+
questionUI={<QuestionPrompt />}
|
|
134
|
+
inputUI={<RadioGroup />}
|
|
135
|
+
/>
|
|
136
|
+
```
|
|
137
|
+
|
|
138
|
+
### Components Generated
|
|
139
|
+
|
|
140
|
+
- `QuestionPrompt` (clear, minimal)
|
|
141
|
+
- `RadioGroup` (clean radio buttons)
|
|
142
|
+
- `ScaleInput` (Likert scale UI)
|
|
143
|
+
- `ProgressIndicator` (non-distracting)
|
|
144
|
+
|
|
145
|
+
---
|
|
146
|
+
|
|
147
|
+
## Integration Workflow
|
|
148
|
+
|
|
149
|
+
### Step 1: Define Pack-Specific Tokens
|
|
150
|
+
|
|
151
|
+
```yaml
|
|
152
|
+
# squads/mmos/.design-system/tokens/
|
|
153
|
+
formal-personality.yaml
|
|
154
|
+
casual-personality.yaml
|
|
155
|
+
technical-personality.yaml
|
|
156
|
+
```
|
|
157
|
+
|
|
158
|
+
### Step 2: Generate Pack Components
|
|
159
|
+
|
|
160
|
+
```bash
|
|
161
|
+
*agent design-system
|
|
162
|
+
*integrate mmos
|
|
163
|
+
|
|
164
|
+
# Generates MMOS-specific components
|
|
165
|
+
# Uses personality tokens
|
|
166
|
+
# Creates integration docs
|
|
167
|
+
```
|
|
168
|
+
|
|
169
|
+
### Step 3: Test Integration
|
|
170
|
+
|
|
171
|
+
```typescript
|
|
172
|
+
// Test that MMOS can use design system
|
|
173
|
+
import { CloneChatInterface } from '@design-system/mmos';
|
|
174
|
+
import { personalityTokens } from '@design-system/tokens';
|
|
175
|
+
|
|
176
|
+
test('formal clone uses correct tokens', () => {
|
|
177
|
+
const { container } = render(
|
|
178
|
+
<CloneChatInterface personality="formal" />
|
|
179
|
+
);
|
|
180
|
+
|
|
181
|
+
expect(container).toHaveStyle({
|
|
182
|
+
fontFamily: personalityTokens.formal.fontFamily,
|
|
183
|
+
});
|
|
184
|
+
});
|
|
185
|
+
```
|
|
186
|
+
|
|
187
|
+
---
|
|
188
|
+
|
|
189
|
+
## Integration Checklist
|
|
190
|
+
|
|
191
|
+
- [ ] Token variations defined for pack
|
|
192
|
+
- [ ] Pack-specific components generated
|
|
193
|
+
- [ ] Integration tests pass
|
|
194
|
+
- [ ] Documentation created
|
|
195
|
+
- [ ] No regressions in pack functionality
|
|
196
|
+
- [ ] Pack can import and use components
|
|
197
|
+
- [ ] Token changes propagate to pack
|
|
198
|
+
|
|
199
|
+
---
|
|
200
|
+
|
|
201
|
+
## Notes
|
|
202
|
+
|
|
203
|
+
- Each pack has unique requirements
|
|
204
|
+
- Token variations maintain consistency
|
|
205
|
+
- Components extend base system (don't replace)
|
|
206
|
+
- Integration is bidirectional (pack ↔ design system)
|
|
207
|
+
- Document in both pack README and design system docs
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
version: "1.0.0"
|
|
2
|
+
updated: "2026-02-17"
|
|
3
|
+
owner: "design-chief"
|
|
4
|
+
policy: "internal-first"
|
|
5
|
+
|
|
6
|
+
description: >
|
|
7
|
+
Cadeia minima obrigatoria de validacoes internas para concluir entregas do
|
|
8
|
+
squad de design system.
|
|
9
|
+
|
|
10
|
+
required_commands:
|
|
11
|
+
- id: ds_qc_001
|
|
12
|
+
command: "node squads/design/scripts/design-system/generate_components_metadata.cjs"
|
|
13
|
+
purpose: "Regenerar catalogo de componentes"
|
|
14
|
+
- id: ds_qc_002
|
|
15
|
+
command: "node squads/design/scripts/design-system/validate_components_metadata.cjs"
|
|
16
|
+
purpose: "Validar consistencia dos metadados de componentes"
|
|
17
|
+
- id: ds_qc_003
|
|
18
|
+
command: "node squads/design/scripts/design-system/sync_design_manifest.cjs"
|
|
19
|
+
purpose: "Sincronizar manifest de design com squad.yaml"
|
|
20
|
+
- id: ds_qc_004
|
|
21
|
+
command: "node squads/design/scripts/design-system/validate_design_manifest_drift.cjs"
|
|
22
|
+
purpose: "Bloquear drift entre manifest e configuracao"
|
|
23
|
+
- id: ds_qc_005
|
|
24
|
+
command: "node squads/design/scripts/design-system/validate_task_checklist_bindings.cjs"
|
|
25
|
+
purpose: "Garantir binding task-checklist"
|
|
26
|
+
- id: ds_qc_006
|
|
27
|
+
command: "node squads/design/scripts/design-system/validate_mcp_skeleton.cjs"
|
|
28
|
+
purpose: "Validar presenca de skeleton MCP"
|
|
29
|
+
|
|
30
|
+
optional_commands:
|
|
31
|
+
- id: ds_qc_opt_001
|
|
32
|
+
command: "node squads/design/scripts/design-system/test_mcp_tools.cjs"
|
|
33
|
+
purpose: "Healthcheck de ferramentas MCP do design system"
|
|
34
|
+
|
|
35
|
+
gate:
|
|
36
|
+
mode: blocking
|
|
37
|
+
require_all_required_commands: true
|
|
38
|
+
release_condition: "all_required_passed"
|
|
39
|
+
|
|
40
|
+
exception_policy:
|
|
41
|
+
external_tool_allowed_when:
|
|
42
|
+
- "capability_not_covered_internally"
|
|
43
|
+
- "internal_path_unavailable_or_insufficient_with_evidence"
|
|
44
|
+
requirements:
|
|
45
|
+
- "document capability gap"
|
|
46
|
+
- "document selected external tool and rationale"
|
|
47
|
+
- "record fallback or rollback path"
|
|
48
|
+
enforcement: "external_allowed_with_justification"
|