@maestro-ai/mcp-server 1.0.0 → 1.1.0

package/dist/utils/system-md.js

@@ -8,43 +8,43 @@ export async function gerarSystemMd(diretorio, estado, faseNome, especialista, c
     await mkdir(join(diretorio, '.maestro'), { recursive: true });
     const entregaveis = estado.entregaveis || {};
     const gatesValidados = estado.gates_validados || [];
-    const content = `# Sistema: ${estado.nome}
-
-> Contexto atualizado automaticamente pelo MCP Maestro
-
-## Estado Atual
-
-| Campo | Valor |
-|-------|-------|
-| **Fase** | ${estado.fase_atual}/${estado.total_fases} - ${faseNome || 'Em andamento'} |
-| **Tipo** | ${estado.tipo_artefato} |
-| **Complexidade** | ${estado.nivel} |
-| **Tier Gate** | ${estado.tier_gate} |
-| **Atualizado** | ${new Date().toISOString()} |
-
-## Especialista Ativo
-
-🤖 **${especialista || 'Aguardando definição'}**
-
-## Próximos Passos
-
-${checklist?.length ? checklist.map((item, i) => `${i + 1}. ${item}`).join('\n') : '- Aguardando instruções'}
-
-## Artefatos Gerados
-
+    const content = `# Sistema: ${estado.nome}
+
+> Contexto atualizado automaticamente pelo MCP Maestro
+
+## Estado Atual
+
+| Campo | Valor |
+|-------|-------|
+| **Fase** | ${estado.fase_atual}/${estado.total_fases} - ${faseNome || 'Em andamento'} |
+| **Tipo** | ${estado.tipo_artefato} |
+| **Complexidade** | ${estado.nivel} |
+| **Tier Gate** | ${estado.tier_gate} |
+| **Atualizado** | ${new Date().toISOString()} |
+
+## Especialista Ativo
+
+🤖 **${especialista || 'Aguardando definição'}**
+
+## Próximos Passos
+
+${checklist?.length ? checklist.map((item, i) => `${i + 1}. ${item}`).join('\n') : '- Aguardando instruções'}
+
+## Artefatos Gerados
+
 ${Object.keys(entregaveis).length > 0
         ? Object.entries(entregaveis).map(([fase, arquivo]) => `- **Fase ${fase}**: ${arquivo}`).join('\n')
-        : '- Nenhum artefato gerado ainda'}
-
-## Gates Validados
-
+        : '- Nenhum artefato gerado ainda'}
+
+## Gates Validados
+
 ${gatesValidados.length > 0
         ? gatesValidados.map(g => `- ✅ Gate ${g} aprovado`).join('\n')
-        : '- Nenhum gate validado ainda'}
-
----
-
-*Arquivo gerado automaticamente. Não editar manualmente.*
+        : '- Nenhum gate validado ainda'}
+
+---
+
+*Arquivo gerado automaticamente. Não editar manualmente.*
 `;
     await writeFile(join(diretorio, '.maestro', 'SYSTEM.md'), content, 'utf-8');
 }

package/package.json

@@ -1,68 +1,68 @@
-{
-  "name": "@maestro-ai/mcp-server",
-  "version": "1.0.0",
-  "description": "MCP Server do Maestro - execução local via npx com acesso completo ao filesystem",
-  "type": "module",
-  "main": "dist/stdio.js",
-  "bin": {
-    "maestro-mcp": "./dist/stdio.js"
-  },
-  "files": [
-    "dist/**/*",
-    "content/**/*",
-    "README.md"
-  ],
-  "scripts": {
-    "build": "tsc",
-    "dev": "tsx watch src/stdio.ts",
-    "dev:http": "tsx watch src/index.ts",
-    "start": "node dist/stdio.js",
-    "start:http": "node dist/index.js",
-    "test": "node node_modules/vitest/vitest.mjs --run",
-    "typecheck": "tsc --noEmit",
-    "prepublishOnly": "npm run build && npm run test",
-    "pack": "npm pack",
-    "publish:dry": "npm pack --dry-run"
-  },
-  "keywords": [
-    "mcp",
-    "model-context-protocol",
-    "maestro",
-    "ai",
-    "cli",
-    "npx"
-  ],
-  "author": "Maestro IA",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Matheus-Gama-deluna/Maestro.git",
-    "directory": "src"
-  },
-  "homepage": "https://github.com/Matheus-Gama-deluna/Maestro#readme",
-  "bugs": {
-    "url": "https://github.com/Matheus-Gama-deluna/Maestro/issues"
-  },
-  "dependencies": {
-    "@modelcontextprotocol/sdk": "^1.0.0",
-    "uuid": "^10.0.0",
-    "zod": "^3.23.0"
-  },
-  "devDependencies": {
-    "@types/cors": "^2.8.17",
-    "@types/express": "^4.17.21",
-    "@types/node": "^22.0.0",
-    "@types/uuid": "^10.0.0",
-    "cors": "^2.8.5",
-    "express": "^4.21.0",
-    "tsx": "^4.19.0",
-    "typescript": "^5.5.0",
-    "vitest": "^2.0.0"
-  },
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
+{
+  "name": "@maestro-ai/mcp-server",
+  "version": "1.1.0",
+  "description": "MCP Server do Maestro - execução local via npx com acesso completo ao filesystem",
+  "type": "module",
+  "main": "dist/stdio.js",
+  "bin": {
+    "maestro-mcp": "./dist/stdio.js"
+  },
+  "files": [
+    "dist/**/*",
+    "content/**/*",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsx watch src/stdio.ts",
+    "dev:http": "tsx watch src/index.ts",
+    "start": "node dist/stdio.js",
+    "start:http": "node dist/index.js",
+    "test": "node node_modules/vitest/vitest.mjs --run",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build && npm run test",
+    "pack": "npm pack",
+    "publish:dry": "npm pack --dry-run"
+  },
+  "keywords": [
+    "mcp",
+    "model-context-protocol",
+    "maestro",
+    "ai",
+    "cli",
+    "npx"
+  ],
+  "author": "Maestro IA",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Matheus-Gama-deluna/Maestro.git",
+    "directory": "src"
+  },
+  "homepage": "https://github.com/Matheus-Gama-deluna/Maestro#readme",
+  "bugs": {
+    "url": "https://github.com/Matheus-Gama-deluna/Maestro/issues"
+  },
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.0.0",
+    "uuid": "^10.0.0",
+    "zod": "^3.23.0"
+  },
+  "devDependencies": {
+    "@types/cors": "^2.8.17",
+    "@types/express": "^4.17.21",
+    "@types/node": "^22.0.0",
+    "@types/uuid": "^10.0.0",
+    "cors": "^2.8.5",
+    "express": "^4.21.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.5.0",
+    "vitest": "^2.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/dist/content/content/design-system/README.md

@@ -1,231 +0,0 @@
-# Design System Database
-
-Database extenso de design para uso pelos Especialistas MCP.
-
-## 📊 Recursos Disponíveis
-
-### Design Assets
-
-| Database | Registros | Arquivo | Descrição |
-|----------|-----------|---------|-----------|
-| **Colors** | 96 paletas | `data/colors.csv` | Paletas por tipo de produto |
-| **Typography** | 57 pares | `data/typography.csv` | Combinações de fontes Google Fonts |
-| **Styles** | 58 estilos | `data/styles.csv` | Estilos UI completos |
-| **Products** | - | `data/products.csv` | Recomendações por produto |
-| **Landing** | - | `data/landing.csv` | Padrões de landing page |
-| **UX Guidelines** | 99+ | `data/ux-guidelines.csv` | Best practices UX |
-| **UI Reasoning** | - | `data/ui-reasoning.csv` | Regras de design reasoning |
-| **Charts** | 25 tipos | `data/charts.csv` | Tipos de gráficos |
-| **Icons** | - | `data/icons.csv` | Diretrizes de ícones |
-| **Web Interface** | - | `data/web-interface.csv` | Guidelines web |
-| **React Performance** | - | `data/react-performance.csv` | Performance React |
-| **Prompts** | - | `data/prompts.csv` | Prompts para Stitch |
-
-### Stack Guidelines
-
-| Stack | Guidelines | Arquivo | Uso |
-|-------|------------|---------|-----|
-| **HTML + Tailwind** | 57 regras | `stacks/html-tailwind.csv` | HTML puro + Tailwind CSS |
-| **React** | 55 regras | `stacks/react.csv` | Aplicações React |
-| **Next.js** | 54 regras | `stacks/nextjs.csv` | Aplicações Next.js 14/15 |
-| **Vue** | ~50 regras | `stacks/vue.csv` | Aplicações Vue 3 |
-| **Svelte** | ~50 regras | `stacks/svelte.csv` | Aplicações Svelte 5 |
-| **React Native** | ~45 regras | `stacks/react-native.csv` | Apps mobile React Native |
-| **SwiftUI** | ~50 regras | `stacks/swiftui.csv` | Apps iOS/macOS nativas |
-| **Flutter** | ~47 regras | `stacks/flutter.csv` | Apps Flutter cross-platform |
-| **Jetpack Compose** | ~40 regras | `stacks/jetpack-compose.csv` | Apps Android nativas |
-| **shadcn/ui** | ~65 regras | `stacks/shadcn.csv` | shadcn/ui components |
-| **Nuxt.js** | ~70 regras | `stacks/nuxtjs.csv` | Aplicações Nuxt 3 |
-| **Nuxt UI** | ~60 regras | `stacks/nuxt-ui.csv` | Nuxt UI components |
-
-**Total:** ~600 guidelines estruturadas
-
-## 🗂️ Estrutura
-
-```
-design-system/
-├── README.md (este arquivo)
-├── data/           # CSVs design (cores, fontes, estilos)
-├── stacks/         # CSVs guidelines por stack/framework
-└── indexes/        # Índices Markdown navegáveis
-```
-
-## 🔍 Como Usar
-
-### Método 1: Consultar Índices
-
-Índices organizados para navegação rápida:
-
-- **[Cores](indexes/colors-index.md)** - 96 paletas por tipo de produto
-- **[Busca Rápida](indexes/quick-search.md)** - Atalhos e workflows
-- **[Stacks](indexes/stacks-index.md)** - Guidelines por framework ⭐
-
-### Método 2: Ler CSV Diretamente
-
-Para busca mais específica:
-
-```markdown
-# Design Assets
-content/design-system/data/colors.csv
-content/design-system/data/typography.csv
-
-# Stack Guidelines
-content/design-system/stacks/react.csv
-content/design-system/stacks/nextjs.csv
-```
-
-## 🎯 Casos de Uso
-
-### Para Especialista em UX Design
-
-**Durante Fase 3 (UX Design):**
-
-1. Consultar `indexes/colors-index.md` por tipo de produto
-2. Buscar em `data/colors.csv` por keywords
-3. Apresentar 2-3 opções ao usuário
-4. Validar Purple Ban
-5. Incorporar no Design Doc
-
-**Exemplo:**
-```markdown
-Usuário: "SaaS de gestão, moderno"
-→ colors.csv linha 2: SaaS General (#2563EB)
-→ typography.csv linha 2: Poppins + Open Sans
-→ Confirmar com usuário → Incorporar
-```
-
-### Para Especialista em Desenvolvimento Frontend
-
-**Durante Fase 11-12 (Implementação):**
-
-1. Consultar `indexes/stacks-index.md`
-2. Abrir CSV da stack (react.csv, nextjs.csv, etc)
-3. Filtrar por Severity: High (aplicar primeiro)
-4. Buscar por Category (State, Effects, Performance)
-5. Usar Code Good como exemplo
-6. Evitar Code Bad (anti-patterns)
-
-**Exemplo:**
-```markdown
-Stack: Next.js 15
-→ stacks/nextjs.csv
-→ Severity: High
-→ Guideline: "Configure caching explicitly (fetch uncached por padrão!)"
-→ Code Good: fetch(url, { cache: 'force-cache' })
-```
-
-### Para Especialista em Desenvolvimento Mobile
-
-**Durante Fase 11-12 (Mobile):**
-
-1. Identificar plataforma:
-   - iOS → `stacks/swiftui.csv`
-   - Android → `stacks/jetpack-compose.csv`
-   - Cross → `stacks/react-native.csv` ou `stacks/flutter.csv`
-
-2. Aplicar guidelines específicas da plataforma
-
-## 📖 Estrutura dos CSVs
-
-### Design Assets (colors, typography, styles)
-
-```csv
-No,Product Type,Keywords,Primary,Secondary,CTA,Background,Text,Border,Notes
-```
-
-### Stack Guidelines
-
-```csv
-No,Category,Guideline,Description,Do,Don't,Code Good,Code Bad,Severity,Docs URL
-```
-
-**Campos importantes:**
-- **Category** - State, Effects, Performance, etc
-- **Do/Don't** - Boas práticas vs anti-patterns
-- **Code Good/Bad** - Exemplos comparativos
-- **Severity** - High, Medium, Low
-- **Docs URL** - Link documentação oficial
-
-## ⚠️ Regras e Validações
-
-### Purple Ban (UX Design)
-
-Evitar roxo/violeta como cor principal:
-```markdown
-Cores proibidas: #6B21A8, #7C3AED, #8B5CF6, #A78BFA
-Validar após busca no database
-Alertar usuário se encontrar
-```
-
-### Validação com Usuário
-
-Database é **sugestão**, não imposição:
-1. Apresentar 2-3 opções
-2. Aguardar confirmação explícita
-3. Permitir ajustes manuais
-
-### Severidade (Stack Guidelines)
-
-**High Severity:**
-- Crítico
-- Aplicar PRIMEIRO
-- Evitar bugs graves
-
-**Medium:**
-- Importante
-- Boas práticas padrão
-
-**Low:**
-- Recomendações
-- Otimizações menores
-
-## 📚 Índices Disponíveis
-
-- **[colors-index.md](indexes/colors-index.md)** - Paletas por tipo de produto
-- **[quick-search.md](indexes/quick-search.md)** - Guia rápido de busca
-- **[stacks-index.md](indexes/stacks-index.md)** - Guidelines por framework ⭐
-
-## 🔗 Uso pelos Especialistas
-
-### Especialista em UX Design
-
-1. Perguntas de estilo ao usuário
-2. Buscar no database (colors, typography, styles)
-3. Apresentar opções
-4. Validar Purple Ban
-5. Incorporar no Design Doc
-
-### Especialista em Prototipagem Stitch
-
-1. Ler Design Doc (`docs/03-ux/design-doc.md`)
-2. Extrair cores/fontes
-3. Se incompleto, buscar no database
-4. Gerar prompts enriquecidos para Stitch
-
-### Especialista em Desenvolvimento Frontend
-
-1. Identificar stack do projeto
-2. Consultar `stacks/[stack].csv`
-3. Aplicar guidelines High Severity
-4. Seguir Do, evitar Don't
-5. Usar Code Good como referência
-
-### Especialista em Desenvolvimento Mobile
-
-1. Identificar plataforma (iOS/Android/Cross)
-2. Consultar stack correspondente
-3. Aplicar best practices específicas
-4. Validar contra guidelines
-
-## 📌 Notas
-
-- **Localização anterior:** `.agent/.shared/ui-ux-pro-max/data/`
-- **Migração:** 2026-01-23
-- **Formato:** CSVs + índices MD
-- **Manutenção:** Atualizar CSV → re-gerar índices
-
----
-
-**Versão:** 2.0.0  
-**Última atualização:** 2026-01-23  
-**Resources:** 12 design CSVs + 12 stack CSVs + 3 índices

package/dist/content/content/design-system/data/charts.csv

@@ -1,26 +0,0 @@
-No,Data Type,Keywords,Best Chart Type,Secondary Options,Color Guidance,Performance Impact,Accessibility Notes,Library Recommendation,Interactive Level
-1,Trend Over Time,"trend, time-series, line, growth, timeline, progress",Line Chart,"Area Chart, Smooth Area",Primary: #0080FF. Multiple series: use distinct colors. Fill: 20% opacity,⚡ Excellent (optimized),✓ Clear line patterns for colorblind users. Add pattern overlays.,"Chart.js, Recharts, ApexCharts",Hover + Zoom
-2,Compare Categories,"compare, categories, bar, comparison, ranking",Bar Chart (Horizontal or Vertical),"Column Chart, Grouped Bar",Each bar: distinct color. Category: grouped same color. Sorted: descending order,⚡ Excellent,✓ Easy to compare. Add value labels on bars for clarity.,"Chart.js, Recharts, D3.js",Hover + Sort
-3,Part-to-Whole,"part-to-whole, pie, donut, percentage, proportion, share",Pie Chart or Donut,"Stacked Bar, Treemap",Colors: 5-6 max. Contrasting palette. Large slices first. Use labels.,⚡ Good (limit 6 slices),⚠ Hard for accessibility. Better: Stacked bar with legend. Avoid pie if >5 items.,"Chart.js, Recharts, D3.js",Hover + Drill
-4,Correlation/Distribution,"correlation, distribution, scatter, relationship, pattern",Scatter Plot or Bubble Chart,"Heat Map, Matrix",Color axis: gradient (blue-red). Size: relative. Opacity: 0.6-0.8 to show density,⚠ Moderate (many points),⚠ Provide data table alternative. Use pattern + color distinction.,"D3.js, Plotly, Recharts",Hover + Brush
-5,Heatmap/Intensity,"heatmap, heat-map, intensity, density, matrix",Heat Map or Choropleth,"Grid Heat Map, Bubble Heat",Gradient: Cool (blue) to Hot (red). Scale: clear legend. Divergent for ±data,⚡ Excellent (color CSS),⚠ Colorblind: Use pattern overlay. Provide numerical legend.,"D3.js, Plotly, ApexCharts",Hover + Zoom
-6,Geographic Data,"geographic, map, location, region, geo, spatial","Choropleth Map, Bubble Map",Geographic Heat Map,Regional: single color gradient or categorized colors. Legend: clear scale,⚠ Moderate (rendering),⚠ Include text labels for regions. Provide data table alternative.,"D3.js, Mapbox, Leaflet",Pan + Zoom + Drill
-7,Funnel/Flow,funnel/flow,"Funnel Chart, Sankey",Waterfall (for flows),Stages: gradient (starting color → ending color). Show conversion %,⚡ Good,✓ Clear stage labels + percentages. Good for accessibility if labeled.,"D3.js, Recharts, Custom SVG",Hover + Drill
-8,Performance vs Target,performance-vs-target,Gauge Chart or Bullet Chart,"Dial, Thermometer",Performance: Red→Yellow→Green gradient. Target: marker line. Threshold colors,⚡ Good,✓ Add numerical value + percentage label beside gauge.,"D3.js, ApexCharts, Custom SVG",Hover
-9,Time-Series Forecast,time-series-forecast,Line with Confidence Band,Ribbon Chart,Actual: solid line #0080FF. Forecast: dashed #FF9500. Band: light shading,⚡ Good,✓ Clearly distinguish actual vs forecast. Add legend.,"Chart.js, ApexCharts, Plotly",Hover + Toggle
-10,Anomaly Detection,anomaly-detection,Line Chart with Highlights,Scatter with Alert,Normal: blue #0080FF. Anomaly: red #FF0000 circle/square marker + alert,⚡ Good,✓ Circle/marker for anomalies. Add text alert annotation.,"D3.js, Plotly, ApexCharts",Hover + Alert
-11,Hierarchical/Nested Data,hierarchical/nested-data,Treemap,"Sunburst, Nested Donut, Icicle",Parent: distinct hues. Children: lighter shades. White borders 2-3px.,⚠ Moderate,⚠ Poor - provide table alternative. Label large areas.,"D3.js, Recharts, ApexCharts",Hover + Drilldown
-12,Flow/Process Data,flow/process-data,Sankey Diagram,"Alluvial, Chord Diagram",Gradient from source to target. Opacity 0.4-0.6 for flows.,⚠ Moderate,⚠ Poor - provide flow table alternative.,"D3.js (d3-sankey), Plotly",Hover + Drilldown
-13,Cumulative Changes,cumulative-changes,Waterfall Chart,"Stacked Bar, Cascade",Increases: #4CAF50. Decreases: #F44336. Start: #2196F3. End: #0D47A1.,⚡ Good,✓ Good - clear directional colors with labels.,"ApexCharts, Highcharts, Plotly",Hover
-14,Multi-Variable Comparison,multi-variable-comparison,Radar/Spider Chart,"Parallel Coordinates, Grouped Bar",Single: #0080FF 20% fill. Multiple: distinct colors per dataset.,⚡ Good,⚠ Moderate - limit 5-8 axes. Add data table.,"Chart.js, Recharts, ApexCharts",Hover + Toggle
-15,Stock/Trading OHLC,stock/trading-ohlc,Candlestick Chart,"OHLC Bar, Heikin-Ashi",Bullish: #26A69A. Bearish: #EF5350. Volume: 40% opacity below.,⚡ Good,⚠ Moderate - provide OHLC data table.,"Lightweight Charts (TradingView), ApexCharts",Real-time + Hover + Zoom
-16,Relationship/Connection Data,relationship/connection-data,Network Graph,"Hierarchical Tree, Adjacency Matrix",Node types: categorical colors. Edges: #90A4AE 60% opacity.,❌ Poor (500+ nodes struggles),❌ Very Poor - provide adjacency list alternative.,"D3.js (d3-force), Vis.js, Cytoscape.js",Drilldown + Hover + Drag
-17,Distribution/Statistical,distribution/statistical,Box Plot,"Violin Plot, Beeswarm",Box: #BBDEFB. Border: #1976D2. Median: #D32F2F. Outliers: #F44336.,⚡ Excellent,"✓ Good - include stats table (min, Q1, median, Q3, max).","Plotly, D3.js, Chart.js (plugin)",Hover
-18,Performance vs Target (Compact),performance-vs-target-(compact),Bullet Chart,"Gauge, Progress Bar","Ranges: #FFCDD2, #FFF9C4, #C8E6C9. Performance: #1976D2. Target: black 3px.",⚡ Excellent,✓ Excellent - compact with clear values.,"D3.js, Plotly, Custom SVG",Hover
-19,Proportional/Percentage,proportional/percentage,Waffle Chart,"Pictogram, Stacked Bar 100%",10x10 grid. 3-5 categories max. 2-3px spacing between squares.,⚡ Good,✓ Good - better than pie for accessibility.,"D3.js, React-Waffle, Custom CSS Grid",Hover
-20,Hierarchical Proportional,hierarchical-proportional,Sunburst Chart,"Treemap, Icicle, Circle Packing",Center to outer: darker to lighter. 15-20% lighter per level.,⚠ Moderate,⚠ Poor - provide hierarchy table alternative.,"D3.js (d3-hierarchy), Recharts, ApexCharts",Drilldown + Hover
-21,Root Cause Analysis,"root cause, decomposition, tree, hierarchy, drill-down, ai-split",Decomposition Tree,"Decision Tree, Flow Chart",Nodes: #2563EB (Primary) vs #EF4444 (Negative impact). Connectors: Neutral grey.,⚠ Moderate (calculation heavy),✓ clear hierarchy. Allow keyboard navigation for nodes.,"Power BI (native), React-Flow, Custom D3.js",Drill + Expand
-22,3D Spatial Data,"3d, spatial, immersive, terrain, molecular, volumetric",3D Scatter/Surface Plot,"Volumetric Rendering, Point Cloud",Depth cues: lighting/shading. Z-axis: color gradient (cool to warm).,❌ Heavy (WebGL required),❌ Poor - requires alternative 2D view or data table.,"Three.js, Deck.gl, Plotly 3D",Rotate + Zoom + VR
-23,Real-Time Streaming,"streaming, real-time, ticker, live, velocity, pulse",Streaming Area Chart,"Ticker Tape, Moving Gauge",Current: Bright Pulse (#00FF00). History: Fading opacity. Grid: Dark.,⚡ Optimized (canvas/webgl),⚠ Flashing elements - provide pause button. High contrast.,Smoothed D3.js, CanvasJS, SciChart,Real-time + Pause
-24,Sentiment/Emotion,"sentiment, emotion, nlp, opinion, feeling",Word Cloud with Sentiment,"Sentiment Arc, Radar Chart",Positive: #22C55E. Negative: #EF4444. Neutral: #94A3B8. Size = Frequency.,⚡ Good,⚠ Word clouds poor for screen readers. Use list view.,"D3-cloud, Highcharts, Nivo",Hover + Filter
-25,Process Mining,"process, mining, variants, path, bottleneck, log",Process Map / Graph,"Directed Acyclic Graph (DAG), Petri Net",Happy path: #10B981 (Thick). Deviations: #F59E0B (Thin). Bottlenecks: #EF4444.,⚠ Moderate to Heavy,⚠ Complex graphs hard to navigate. Provide path summary.,"React-Flow, Cytoscape.js, Recharts",Drag + Node-Click

package/dist/content/content/design-system/data/colors.csv

@@ -1,97 +0,0 @@
-No,Product Type,Keywords,Primary (Hex),Secondary (Hex),CTA (Hex),Background (Hex),Text (Hex),Border (Hex),Notes
-1,SaaS (General),"saas, general",#2563EB,#3B82F6,#F97316,#F8FAFC,#1E293B,#E2E8F0,Trust blue + accent contrast
-2,Micro SaaS,"micro, saas",#2563EB,#3B82F6,#F97316,#F8FAFC,#1E293B,#E2E8F0,Vibrant primary + white space
-3,E-commerce,commerce,#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand primary + success green
-4,E-commerce Luxury,"commerce, luxury",#1C1917,#44403C,#CA8A04,#FAFAF9,#0C0A09,#D6D3D1,Premium colors + minimal accent
-5,Service Landing Page,"service, landing, page",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand primary + trust colors
-6,B2B Service,"b2b, service",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional blue + neutral grey
-7,Financial Dashboard,"financial, dashboard",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark bg + red/green alerts + trust blue
-8,Analytics Dashboard,"analytics, dashboard",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Cool→Hot gradients + neutral grey
-9,Healthcare App,"healthcare, app",#0891B2,#22D3EE,#059669,#ECFEFF,#164E63,#A5F3FC,Calm blue + health green + trust
-10,Educational App,"educational, app",#4F46E5,#818CF8,#F97316,#EEF2FF,#1E1B4B,#C7D2FE,Playful colors + clear hierarchy
-11,Creative Agency,"creative, agency",#EC4899,#F472B6,#06B6D4,#FDF2F8,#831843,#FBCFE8,Bold primaries + artistic freedom
-12,Portfolio/Personal,"portfolio, personal",#18181B,#3F3F46,#2563EB,#FAFAFA,#09090B,#E4E4E7,Brand primary + artistic interpretation
-13,Gaming,gaming,#7C3AED,#A78BFA,#F43F5E,#0F0F23,#E2E8F0,#4C1D95,Vibrant + neon + immersive colors
-14,Government/Public Service,"government, public, service",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional blue + high contrast
-15,Fintech/Crypto,"fintech, crypto",#F59E0B,#FBBF24,#8B5CF6,#0F172A,#F8FAFC,#334155,Dark tech colors + trust + vibrant accents
-16,Social Media App,"social, media, app",#2563EB,#60A5FA,#F43F5E,#F8FAFC,#1E293B,#DBEAFE,Vibrant + engagement colors
-17,Productivity Tool,"productivity, tool",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Clear hierarchy + functional colors
-18,Design System/Component Library,"design, system, component, library",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Clear hierarchy + code-like structure
-19,AI/Chatbot Platform,"chatbot, platform",#7C3AED,#A78BFA,#06B6D4,#FAF5FF,#1E1B4B,#DDD6FE,Neutral + AI Purple (#6366F1)
-20,NFT/Web3 Platform,"nft, web3, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark + Neon + Gold (#FFD700)
-21,Creator Economy Platform,"creator, economy, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Vibrant + Brand colors
-22,Sustainability/ESG Platform,"sustainability, esg, platform",#7C3AED,#A78BFA,#06B6D4,#FAF5FF,#1E1B4B,#DDD6FE,Green (#228B22) + Earth tones
-23,Remote Work/Collaboration Tool,"remote, work, collaboration, tool",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Calm Blue + Neutral grey
-24,Mental Health App,"mental, health, app",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Calm Pastels + Trust colors
-25,Pet Tech App,"pet, tech, app",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Playful + Warm colors
-26,Smart Home/IoT Dashboard,"smart, home, iot, dashboard",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark + Status indicator colors
-27,EV/Charging Ecosystem,"charging, ecosystem",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Electric Blue (#009CD1) + Green
-28,Subscription Box Service,"subscription, box, service",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand + Excitement colors
-29,Podcast Platform,"podcast, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark + Audio waveform accents
-30,Dating App,"dating, app",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Warm + Romantic (Pink/Red gradients)
-31,Micro-Credentials/Badges Platform,"micro, credentials, badges, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Trust Blue + Gold (#FFD700)
-32,Knowledge Base/Documentation,"knowledge, base, documentation",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Clean hierarchy + minimal color
-33,Hyperlocal Services,"hyperlocal, services",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Location markers + Trust colors
-34,Beauty/Spa/Wellness Service,"beauty, spa, wellness, service",#10B981,#34D399,#8B5CF6,#ECFDF5,#064E3B,#A7F3D0,Soft pastels (Pink #FFB6C1 Sage #90EE90) + Cream + Gold accents
-35,Luxury/Premium Brand,"luxury, premium, brand",#1C1917,#44403C,#CA8A04,#FAFAF9,#0C0A09,#D6D3D1,Black + Gold (#FFD700) + White + Minimal accent
-36,Restaurant/Food Service,"restaurant, food, service",#DC2626,#F87171,#CA8A04,#FEF2F2,#450A0A,#FECACA,Warm colors (Orange Red Brown) + appetizing imagery
-37,Fitness/Gym App,"fitness, gym, app",#DC2626,#F87171,#16A34A,#FEF2F2,#1F2937,#FECACA,Energetic (Orange #FF6B35 Electric Blue) + Dark bg
-38,Real Estate/Property,"real, estate, property",#0F766E,#14B8A6,#0369A1,#F0FDFA,#134E4A,#99F6E4,Trust Blue (#0077B6) + Gold accents + White
-39,Travel/Tourism Agency,"travel, tourism, agency",#EC4899,#F472B6,#06B6D4,#FDF2F8,#831843,#FBCFE8,Vibrant destination colors + Sky Blue + Warm accents
-40,Hotel/Hospitality,"hotel, hospitality",#1E3A8A,#3B82F6,#CA8A04,#F8FAFC,#1E40AF,#BFDBFE,Warm neutrals + Gold (#D4AF37) + Brand accent
-41,Wedding/Event Planning,"wedding, event, planning",#7C3AED,#A78BFA,#F97316,#FAF5FF,#4C1D95,#DDD6FE,Soft Pink (#FFD6E0) + Gold + Cream + Sage
-42,Legal Services,"legal, services",#1E3A8A,#1E40AF,#B45309,#F8FAFC,#0F172A,#CBD5E1,Navy Blue (#1E3A5F) + Gold + White
-43,Insurance Platform,"insurance, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Trust Blue (#0066CC) + Green (security) + Neutral
-44,Banking/Traditional Finance,"banking, traditional, finance",#0F766E,#14B8A6,#0369A1,#F0FDFA,#134E4A,#99F6E4,Navy (#0A1628) + Trust Blue + Gold accents
-45,Online Course/E-learning,"online, course, learning",#0D9488,#2DD4BF,#EA580C,#F0FDFA,#134E4A,#5EEAD4,Vibrant learning colors + Progress green
-46,Non-profit/Charity,"non, profit, charity",#0891B2,#22D3EE,#F97316,#ECFEFF,#164E63,#A5F3FC,Cause-related colors + Trust + Warm
-47,Music Streaming,"music, streaming",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark (#121212) + Vibrant accents + Album art colors
-48,Video Streaming/OTT,"video, streaming, ott",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark bg + Content poster colors + Brand accent
-49,Job Board/Recruitment,"job, board, recruitment",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional Blue + Success Green + Neutral
-50,Marketplace (P2P),"marketplace, p2p",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Trust colors + Category colors + Success green
-51,Logistics/Delivery,"logistics, delivery",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Blue (#2563EB) + Orange (tracking) + Green (delivered)
-52,Agriculture/Farm Tech,"agriculture, farm, tech",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Earth Green (#4A7C23) + Brown + Sky Blue
-53,Construction/Architecture,"construction, architecture",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Grey (#4A4A4A) + Orange (safety) + Blueprint Blue
-54,Automotive/Car Dealership,"automotive, car, dealership",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand colors + Metallic accents + Dark/Light
-55,Photography Studio,"photography, studio",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Black + White + Minimal accent
-56,Coworking Space,"coworking, space",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Energetic colors + Wood tones + Brand accent
-57,Cleaning Service,"cleaning, service",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Fresh Blue (#00B4D8) + Clean White + Green
-58,Home Services (Plumber/Electrician),"home, services, plumber, electrician",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Trust Blue + Safety Orange + Professional grey
-59,Childcare/Daycare,"childcare, daycare",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Playful pastels + Safe colors + Warm accents
-60,Senior Care/Elderly,"senior, care, elderly",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Calm Blue + Warm neutrals + Large text
-61,Medical Clinic,"medical, clinic",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Medical Blue (#0077B6) + Trust White + Calm Green
-62,Pharmacy/Drug Store,"pharmacy, drug, store",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Pharmacy Green + Trust Blue + Clean White
-63,Dental Practice,"dental, practice",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Fresh Blue + White + Smile Yellow accent
-64,Veterinary Clinic,"veterinary, clinic",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Caring Blue + Pet-friendly colors + Warm accents
-65,Florist/Plant Shop,"florist, plant, shop",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Natural Green + Floral pinks/purples + Earth tones
-66,Bakery/Cafe,"bakery, cafe",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Warm Brown + Cream + Appetizing accents
-67,Coffee Shop,"coffee, shop",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Coffee Brown (#6F4E37) + Cream + Warm accents
-68,Brewery/Winery,"brewery, winery",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Deep amber/burgundy + Gold + Craft aesthetic
-69,Airline,airline,#7C3AED,#A78BFA,#06B6D4,#FAF5FF,#1E1B4B,#DDD6FE,Sky Blue + Brand colors + Trust accents
-70,News/Media Platform,"news, media, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand colors + High contrast + Category colors
-71,Magazine/Blog,"magazine, blog",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Editorial colors + Brand primary + Clean white
-72,Freelancer Platform,"freelancer, platform",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional Blue + Success Green + Neutral
-73,Consulting Firm,"consulting, firm",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Navy + Gold + Professional grey
-74,Marketing Agency,"marketing, agency",#EC4899,#F472B6,#06B6D4,#FDF2F8,#831843,#FBCFE8,Bold brand colors + Creative freedom
-75,Event Management,"event, management",#7C3AED,#A78BFA,#F97316,#FAF5FF,#4C1D95,#DDD6FE,Event theme colors + Excitement accents
-76,Conference/Webinar Platform,"conference, webinar, platform",#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional Blue + Video accent + Brand
-77,Membership/Community,"membership, community",#7C3AED,#A78BFA,#F97316,#FAF5FF,#4C1D95,#DDD6FE,Community brand colors + Engagement accents
-78,Newsletter Platform,"newsletter, platform",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Brand primary + Clean white + CTA accent
-79,Digital Products/Downloads,"digital, products, downloads",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Product category colors + Brand + Success green
-80,Church/Religious Organization,"church, religious, organization",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Warm Gold + Deep Purple/Blue + White
-81,Sports Team/Club,"sports, team, club",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Team colors + Energetic accents
-82,Museum/Gallery,"museum, gallery",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Art-appropriate neutrals + Exhibition accents
-83,Theater/Cinema,"theater, cinema",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Dark + Spotlight accents + Gold
-84,Language Learning App,"language, learning, app",#0D9488,#2DD4BF,#EA580C,#F0FDFA,#134E4A,#5EEAD4,Playful colors + Progress indicators + Country flags
-85,Coding Bootcamp,"coding, bootcamp",#3B82F6,#60A5FA,#F97316,#F8FAFC,#1E293B,#E2E8F0,Code editor colors + Brand + Success green
-86,Cybersecurity Platform,"cybersecurity, security, cyber, hacker",#00FF41,#0D0D0D,#00FF41,#000000,#E0E0E0,#1F1F1F,Matrix Green + Deep Black + Terminal feel
-87,Developer Tool / IDE,"developer, tool, ide, code, dev",#3B82F6,#1E293B,#2563EB,#0F172A,#F1F5F9,#334155,Dark syntax theme colors + Blue focus
-88,Biotech / Life Sciences,"biotech, science, biology, medical",#0EA5E9,#0284C7,#10B981,#F8FAFC,#0F172A,#E2E8F0,Sterile White + DNA Blue + Life Green
-89,Space Tech / Aerospace,"space, aerospace, tech, futuristic",#FFFFFF,#94A3B8,#3B82F6,#0B0B10,#F8FAFC,#1E293B,Deep Space Black + Star White + Metallic
-90,Architecture / Interior,"architecture, interior, design, luxury",#171717,#404040,#D4AF37,#FFFFFF,#171717,#E5E5E5,Monochrome + Gold Accent + High Imagery
-91,Quantum Computing,"quantum, qubit, tech",#00FFFF,#7B61FF,#FF00FF,#050510,#E0E0FF,#333344,Interference patterns + Neon + Deep Dark
-92,Biohacking / Longevity,"bio, health, science",#FF4D4D,#4D94FF,#00E676,#F5F5F7,#1C1C1E,#E5E5EA,Biological red/blue + Clinical white
-93,Autonomous Systems,"drone, robot, fleet",#00FF41,#008F11,#FF3333,#0D1117,#E6EDF3,#30363D,Terminal Green + Tactical Dark
-94,Generative AI Art,"art, gen-ai, creative",#111111,#333333,#FFFFFF,#FAFAFA,#000000,#E5E5E5,Canvas Neutral + High Contrast
-95,Spatial / Vision OS,"spatial, glass, vision",#FFFFFF,#E5E5E5,#007AFF,#888888,#000000,#FFFFFF,Glass opacity 20% + System Blue
-96,Climate Tech,"climate, green, energy",#2E8B57,#87CEEB,#FFD700,#F0FFF4,#1A3320,#C6E6C6,Nature Green + Solar Yellow + Air Blue