siesa-agents 2.1.39 → 2.1.41

package/bmad/bmm/workflows/3-solutioning/create-architecture/data/company-standards/technical-preferences-ux.md

@@ -0,0 +1,423 @@
+# Technical Preferences - UX Configuration
+
+## Project Setup Configuration
+Based on Frontend Development Standards and Clean Architecture Implementation
+
+### Technology Stack
+- **Framework**: Next.js 16+ with App Router
+- **Language**: TypeScript (strict mode)
+- **Styling**: TailwindCSS + Shadcn/ui + Radix UI
+- **State Management**: Zustand
+- **Testing**: Vitest + React Testing Library
+- **Architecture**: Clean Architecture with DDD patterns
+- **Loading States**: React Loading Skeleton (for placeholders/preloading)
+
+### Resources
+Project assets are centralized in the [resources/](../../../resources/) directory at the root level:
+
+```
+resources/
+├── fonts/          # SiesaBT font family files
+└── images/         # Brand assets, logos, and graphics
+```
+
+**Usage**:
+- Reference fonts from `@/resources/fonts/`
+- Reference images from `@/resources/images/`
+- Logo assets available in `resources/images/logos/`
+
+---
+
+
+## Design System Foundation
+
+### Color Palette
+
+#### Primary Colors (Brand)
+```css
+:root {
+  /* Primary Color: #0E79FD */
+  --color-primary-50: #eff8ff;
+  --color-primary-100: #dbf0ff;
+  --color-primary-200: #bfe3ff;
+  --color-primary-300: #93d2ff;
+  --color-primary-400: #60b6ff;
+  --color-primary-500: #0E79FD; /* Main Primary Color */
+  --color-primary-600: #0b6ae6;
+  --color-primary-700: #0959c2;
+  --color-primary-800: #0e4a9e;
+  --color-primary-900: #123f80;
+  --color-primary-950: #11274d;
+}
+```
+
+#### Secondary Colors (Brand)
+```css
+:root {
+  /* Secondary Color: #000000 (Black) - Brand Secondary, NOT for grays/backgrounds */
+  --color-secondary-50: #f8f8f8;
+  --color-secondary-100: #f0f0f0;
+  --color-secondary-200: #e4e4e4;
+  --color-secondary-300: #d1d1d1;
+  --color-secondary-400: #b4b4b4;
+  --color-secondary-500: #9a9a9a;
+  --color-secondary-600: #818181;
+  --color-secondary-700: #6a6a6a;
+  --color-secondary-800: #5a5a5a;
+  --color-secondary-900: #4e4e4e;
+  --color-secondary-950: #000000; /* Main Secondary Color */
+}
+```
+
+#### Tertiary Colors (Brand)
+```css
+:root {
+  /* Tertiary Color: #154ca9 */
+  --color-tertiary-50: #eff6ff;
+  --color-tertiary-100: #dbeafe;
+  --color-tertiary-200: #bfdbfe;
+  --color-tertiary-300: #93c5fd;
+  --color-tertiary-400: #60a5fa;
+  --color-tertiary-500: #3b82f6;
+  --color-tertiary-600: #2563eb;
+  --color-tertiary-700: #154ca9; /* Main Tertiary Color */
+  --color-tertiary-800: #1e3a8a;
+  --color-tertiary-900: #1e3a8a;
+  --color-tertiary-950: #172554;
+}
+```
+
+#### Semantic Colors & Usage Guidelines
+```css
+:root {
+  /* Use Tailwind default semantic colors */
+  /* Success: theme('colors.green.500') | Warning: theme('colors.amber.500') */
+  /* Error: theme('colors.red.500') | Info: theme('colors.cyan.500') */
+  /* Neutrals: theme('colors.slate.*') - NOT secondary brand colors */
+}
+```
+
+```yaml
+color_rules:
+  tailwind_first: "Use theme() for system colors"
+  brand_only: "Hex codes for brand colors (#0E79FD, #154ca9, #000000)"
+  css: "theme() in custom properties"
+  classes: "Direct utility classes (bg-slate-200)"
+```
+
+#### Background & Surface Colors
+```css
+:root {
+  /* Light Theme - Using Tailwind variables */
+  --color-background: theme('colors.white');                    /* white */
+  --color-surface: theme('colors.slate.50');                    /* slate-50 */
+  --color-surface-secondary: theme('colors.slate.100');         /* slate-100 */
+  --color-border: theme('colors.slate.200');                    /* slate-200 */
+  --color-border-secondary: theme('colors.slate.300');          /* slate-300 */
+  
+  /* Dark Theme Support - Using Tailwind variables */
+  --color-background-dark: theme('colors.slate.950');           /* slate-950 */
+  --color-surface-dark: theme('colors.slate.900');              /* slate-900 */
+  --color-surface-secondary-dark: theme('colors.slate.800');    /* slate-800 */
+  --color-border-dark: theme('colors.slate.700');               /* slate-700 */
+  --color-border-secondary-dark: theme('colors.slate.600');     /* slate-600 */
+  
+  /* Note: Secondary brand color (#000000) is for brand elements, not backgrounds */
+}
+```
+
+### Dark Mode Implementation
+
+#### Configuration
+```yaml
+dark_mode:
+  method: "class"                    # Tailwind class-based
+  selector: "html"                   # Root element
+  framework: "next-themes"           # SSR-safe theme switching
+  default: "system"                  # Follow system preference
+```
+
+#### Brand Colors Dark Mode Adaptation
+```css
+.dark {
+  /* Primary - Enhanced contrast for dark backgrounds */
+  --color-primary-400: #60b6ff;
+  --color-primary-500: #3b9eff;
+  --color-primary-600: #0E79FD;
+  
+  /* Secondary alternatives for dark mode visibility */
+  --color-secondary-alt-50: theme('colors.slate.50');
+  --color-secondary-alt-100: theme('colors.slate.200');
+  --color-secondary-alt-200: theme('colors.slate.300');
+  
+  /* Tertiary - Optimized for dark mode */
+  --color-tertiary-400: #60a5fa;
+  --color-tertiary-500: #3b82f6;
+  --color-tertiary-600: #154ca9;
+}
+```
+
+#### Tailwind Classes for Dark Mode
+```yaml
+text_colors:
+  primary: "text-gray-900 dark:text-gray-50"
+  secondary: "text-gray-700 dark:text-gray-300"
+  muted: "text-gray-500 dark:text-gray-400"
+  disabled: "text-gray-400 dark:text-gray-600"
+  
+brand_colors:
+  primary: "text-primary-600 dark:text-primary-400"
+  secondary: "text-secondary-950 dark:text-slate-50"
+  tertiary: "text-tertiary-700 dark:text-tertiary-400"
+
+surfaces:
+  page: "bg-white dark:bg-slate-950"
+  card: "bg-slate-50 dark:bg-slate-900"
+  elevated: "bg-white dark:bg-slate-800"
+  input: "bg-white dark:bg-slate-900"
+  
+borders:
+  subtle: "border-slate-200 dark:border-slate-700"
+  prominent: "border-slate-300 dark:border-slate-600"
+  focus: "ring-primary-500 dark:ring-primary-400"
+
+buttons:
+  primary: "bg-primary-500 text-white hover:bg-primary-600 dark:bg-primary-600 dark:hover:bg-primary-500"
+  secondary: "bg-slate-200 text-slate-900 hover:bg-slate-300 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600"
+  ghost: "text-slate-700 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800"
+
+navigation:
+  navbar: "bg-white border-slate-200 dark:bg-slate-900 dark:border-slate-700"
+  sidebar: "bg-slate-50 border-slate-200 dark:bg-slate-900 dark:border-slate-700"
+  active: "bg-primary-50 text-primary-700 border-primary-200 dark:bg-primary-950 dark:text-primary-300 dark:border-primary-800"
+
+feedback:
+  success: "bg-green-50 text-green-800 border-green-200 dark:bg-green-950 dark:text-green-300 dark:border-green-800"
+  warning: "bg-amber-50 text-amber-800 border-amber-200 dark:bg-amber-950 dark:text-amber-300 dark:border-amber-800"
+  error: "bg-red-50 text-red-800 border-red-200 dark:bg-red-950 dark:text-red-300 dark:border-red-800"
+```
+
+#### Tailwind Configuration
+```javascript
+// tailwind.config.js
+module.exports = {
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          50: '#eff8ff',
+          100: '#dbf0ff',
+          200: '#bfe3ff',
+          300: '#93d2ff',
+          400: '#60b6ff',  // Enhanced for dark mode
+          500: '#0E79FD',  // Main brand color
+          600: '#0b6ae6',
+          700: '#0959c2',
+          800: '#0e4a9e',
+          900: '#123f80',
+          950: '#11274d',
+        },
+        secondary: {
+          // Custom neutral scale for brand secondary
+          50: '#f8f8f8',
+          100: '#f0f0f0',
+          200: '#e4e4e4',
+          300: '#d1d1d1',
+          400: '#b4b4b4',
+          500: '#9a9a9a',
+          600: '#818181',
+          700: '#6a6a6a',
+          800: '#5a5a5a',
+          900: '#4e4e4e',
+          950: '#000000',  // Main secondary color
+        },
+        tertiary: {
+          // Keep original tertiary color scale as defined
+          50: '#eff6ff',
+          100: '#dbeafe',
+          200: '#bfdbfe',
+          300: '#93c5fd',
+          400: '#60a5fa',
+          500: '#3b82f6',
+          600: '#2563eb',
+          700: '#154ca9',  // Main tertiary color (custom)
+          800: '#1e3a8a',
+          900: '#1e3a8a',
+          950: '#172554',
+        }
+      }
+    }
+  }
+}
+```
+
+### Typography System
+
+#### Font Configuration
+```css
+:root {
+  /* Siesa Brand Fonts - 3 weights available */
+  --font-primary: 'SiesaBT-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --font-light: 'SiesaBT-Light', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --font-bold: 'SiesaBT-Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
+  
+  /* Tailwind font weight mapping */
+  --font-weight-light: 300;    /* SiesaBT-Light */
+  --font-weight-normal: 400;   /* SiesaBT-Regular */
+  --font-weight-medium: 400;   /* SiesaBT-Regular */
+  --font-weight-semibold: 700; /* SiesaBT-Bold */
+  --font-weight-bold: 700;     /* SiesaBT-Bold */
+  --font-weight-extrabold: 700; /* SiesaBT-Bold */
+  --font-weight-black: 700;    /* SiesaBT-Bold */
+}
+```
+
+#### Typography Scale
+```yaml
+typography:
+  headings:
+    h1: "text-4xl font-bold leading-tight"
+    h2: "text-3xl font-bold leading-tight"
+    h3: "text-2xl font-semibold leading-snug"
+    h4: "text-xl font-semibold leading-snug"
+    h5: "text-lg font-medium leading-normal"
+    h6: "text-base font-medium leading-normal"
+
+  body:
+    paragraph: "text-base font-normal leading-relaxed"
+    large: "text-lg font-normal leading-relaxed"
+    small: "text-sm font-normal leading-normal"
+    caption: "text-xs font-light leading-normal"
+
+  interactive:
+    label: "text-sm font-medium leading-normal"
+    button_primary: "text-base font-semibold leading-none"
+    button_secondary: "text-sm font-medium leading-none"
+    link: "text-base font-normal leading-normal"
+    link_emphasis: "text-base font-semibold leading-normal"
+
+  utility:
+    code: "text-sm font-normal leading-normal font-mono"
+    badge: "text-xs font-semibold leading-none"
+    tooltip: "text-sm font-normal leading-snug"
+```
+
+### Assets & Systems Configuration
+
+#### Logo Assets
+```yaml
+logos:
+  paths:
+    assets: "assets/images/logos/"
+    public: "/images/logos/"
+  
+  variants:
+    full_blue: "Siesa_Logosimbolo_Azul.svg"
+    full_white: "Siesa_Logosimbolo_Blanco.svg"
+    symbol_blue: "Siesa_Simbolo_Azul.svg"
+    symbol_white: "Siesa_Simbolo_Blanco.svg"
+  
+  usage:
+    header: "symbol_blue"
+    footer: "full_blue"
+    dark_theme: "full_white"
+    favicon: "symbol_blue"
+  
+  specs:
+    min_size_full: "120px"
+    min_size_symbol: "24px"
+    format: "SVG"
+```
+
+#### Icons
+```yaml
+icons:
+  primary: "Heroicons"
+  secondary: "Font Awesome 6.5+"
+  
+  sizes:
+    small: "w-4 h-4"
+    default: "w-5 h-5"
+    medium: "w-6 h-6"
+    large: "w-8 h-8"
+    
+  colors:
+    inherit: "text-current"
+    primary: "text-primary-500"
+    secondary: "text-secondary-600"
+    neutral: "text-gray-500"
+```
+
+#### Loading States
+```yaml
+skeleton:
+  library: "react-loading-skeleton ^3.4.0"
+  theming:
+    light: "base: theme('colors.slate.200'), highlight: theme('colors.slate.100')"
+    dark: "base: theme('colors.slate.700'), highlight: theme('colors.slate.600')"
+    radius: "rounded-md"
+    duration: "1.5s"
+```
+
+---
+
+## Standards & Guidelines
+
+### Accessibility
+```yaml
+accessibility:
+  color_contrast: "4.5:1 minimum (WCAG 2.1 AA)"
+  large_text_contrast: "3.1:1 minimum"
+  focus_indicators: "2px solid var(--color-primary-500)"
+  touch_targets: "44px minimum"
+  font_size_minimum: "16px"
+  line_length_maximum: "75ch"
+  
+requirements:
+  landmarks: true
+  headings: true
+  labels: true
+  alt_text: true
+  skip_links: true
+```
+
+### Performance Targets
+```yaml
+bundle_limits:
+  initial: "< 500KB gzipped"
+  routes: "< 200KB gzipped"
+  components: "< 100KB gzipped"
+
+metrics:
+  fcp: "< 1.5s"
+  lcp: "< 2.5s"
+  cls: "< 0.1"
+  tti: "< 3s"
+```
+
+### Architecture
+```yaml
+components:
+  base: "Shadcn/ui from MCP registry"
+  composite: "Feature-specific compositions"
+  layout: "Page and section layouts"
+  utility: "Helpers and wrappers"
+
+state_management:
+  global: "Authentication, theme, app settings"
+  feature: "Domain-specific data and UI state"
+  local: "Component-specific temporary state"
+  server: "API data with caching"
+
+naming:
+  components: "PascalCase"
+  files: "kebab-case"
+  directories: "kebab-case"
+  assets: "kebab-case"
+```
+
+---
+
+## This configuration serves as the foundation for all UX decisions and component implementation.

package/bmad/bmm/workflows/3-solutioning/create-architecture/data/company-standards/technology-stack.md

@@ -0,0 +1,235 @@
+# Technology Stack
+
+## Frontend Stack
+
+### Framework
+- **Next.js 16** with TypeScript (App Router)
+  - Default framework unless explicitly told otherwise
+  - Built-in Turbopack/Webpack for building
+  - File-based routing with App Router
+  - Exception: Use pure React + Vite only when user specifically mentions offline-first functionality or requests non-Next.js setup
+
+### State Management
+- **Zustand**
+
+### UI Framework & Styling
+- **Shadcn/ui** (component library)
+- **Radix UI** (primitives)
+- **TailwindCSS v4** (styling)
+
+### Architecture
+- **Clean Architecture** + **Domain-Driven Design (DDD)**
+
+### Testing
+- **Vitest** (test runner)
+- **React Testing Library** (component testing)
+- **MSW** (Mock Service Worker - API mocking)
+
+### Forms & Validation
+- **React Hook Form** (form management)
+- **Zod** (schema validation)
+
+### HTTP Client
+- **Axios** with interceptors
+
+### Progressive Web App (PWA)
+- **Next.js PWA plugin**
+- **Workbox** (service worker library)
+
+### Routing
+- **Next.js App Router** (file-based routing)
+
+## Core Principles
+
+### Clean Architecture First
+Strict separation of:
+- Domain layer
+- Application layer
+- Infrastructure layer
+- Presentation layer
+
+### Domain-Driven Design
+Business logic drives architecture decisions
+
+### Component Composition
+Build complex UIs from simple, reusable components
+
+### Type Safety
+Leverage TypeScript for compile-time safety and developer experience
+
+### Performance by Design
+- Lazy loading
+- Memoization
+- Bundle optimization
+
+### Accessibility as Standard
+WCAG 2.1 AA compliance in all components
+
+### Test-Driven Development
+Unit tests for all use cases and components
+
+### Progressive Web App
+Offline-first approach with service workers
+
+### Minimal and Functional
+Only build what's explicitly requested, nothing more
+
+### User-Centered Design
+Start with user needs and work backward to implementation
+
+### MCP Shadcn Available
+Use MCP to install Shadcn components instead of creating manually
+
+## Backend Stack
+
+### Core Framework & Language
+- **.NET 10**
+- **C# Minimal API** - Lightweight and modern API approach
+- **Entity Framework Core 10** - ORM for data access (matches .NET 10 version)
+- **FluentValidation** - Validation for models and DTOs
+- **linq2db** - Ultra-lightweight, high-performance ORM for complex optimized queries
+- **DynamicLinq** - Dynamic query construction from strings (runtime filters)
+- **LinqKit** - Composable and reusable LINQ expressions with type safety
+
+### ORM Strategy & When to Use Each Tool
+
+#### Entity Framework Core 10 (Primary ORM)
+**Use for:**
+- Standard CRUD operations
+- DDD entities with tracking (Aggregate Roots, Domain Events)
+- Simple to moderate queries
+- Queries that participate in aggregate lifecycle
+- Navigation properties and relationships
+- Change tracking scenarios
+
+#### linq2db
+**Ultra-lightweight ORM for maximum performance and SQL control**
+
+✔ **Use when:**
+- Need highly optimized complex queries
+- Advanced subqueries and complex projections
+- Multiple joins with dynamic conditions
+- Queries that EF Core cannot translate efficiently
+- Endpoints require extreme performance:
+  - Dashboards
+  - Analytics
+  - Fast transactional reports
+  - High data volumes
+- Microservice requires pure queries without tracking (linq2db operates naturally without tracking → faster)
+- EF Core generates inefficient SQL and you need alternatives without changing stack
+- Want SQL nearly as efficient as hand-written, but without explicit SQL
+
+🚫 **Do NOT use when:**
+- Need complete DDD entities (aggregate roots, tracking, events)
+- Query participates in aggregate lifecycle
+- Only need simple filters or trivial pagination
+
+#### DynamicLinq
+**Dynamic query generation from strings for runtime filters**
+
+✔ **Use when:**
+- Microservice offers dynamic filter system:
+  - Example: `?filter=Age > 30 AND Country == "CO"`
+  - Example: `?sort=Name desc`
+- Building simplified OData-style API without using OData
+- Generic queries over tables
+- Variable column searches
+- Data explorers or configurable grids
+- Want to avoid manually generating Expression Trees (DynamicLinq is much simpler)
+
+🚫 **Do NOT use when:**
+- Filters are fully controlled in code
+- Don't want to interpret expressions at runtime
+- Require strict security (DynamicLinq requires sanitization)
+- Need maximum performance (use LinqKit or linq2db instead)
+
+#### LinqKit
+**Composable dynamic predicates with type safety**
+
+✔ **Use when:**
+- Have complex business rules in queries
+- Composable predicates example:
+  ```csharp
+  IsActive
+  RequiresApproval
+  BelongsToOrganization(user.OrgId)
+  ```
+- Want dynamic filters with type safety (no strings → expressions)
+- Combine multiple expressions in a single `Where()`:
+  - Especially useful in DDD repositories with:
+    - Multiple criteria
+    - Conditional searches
+    - Reusable queries
+- Need EF Core to translate the resulting expression (LinqKit is 100% compatible with EF Core)
+- Want to enhance EF Core when it fails to compose complex expressions
+
+🚫 **Do NOT use when:**
+- Filters are extremely simple
+- Query is highly dynamic and text-based (use DynamicLinq)
+- Need maximum performance (use linq2db)
+
+### Architecture & Design Patterns
+- **TDD (Test-Driven Development)** - Test-driven development approach
+- **DDD (Domain-Driven Design)** - Domain-oriented design
+- **Clean Architecture** - Clean architecture with layer separation
+- **Microservices** - Distributed services architecture
+- **REST API** - Primary communication protocol
+
+### Database & Data Management
+- **PostgreSQL** - Primary relational database (mandatory)
+- **Database per Microservice** - Each microservice has its own isolated database
+- **Primary Keys UUID** - Universal unique identifiers for all entities
+- **EF Core 10 Migrations** - Entity Framework migrations package for schema version control
+
+### Testing
+- **xUnit** - Unit and integration testing framework
+- **EF Core 10 InMemory** - In-memory database for fast tests
+- **PostgreSQL Test Containers** - PostgreSQL containers for real integration tests
+
+### Additional Libraries
+- **QuestPDF** - PDF document generation
+- **DynamicLinq** - Dynamic LINQ query construction
+- **LinqKit** - LINQ expression composition
+
+### API Documentation
+- **Scalar** - Modern API documentation (DO NOT use Swagger)
+
+### Infrastructure & DevOps
+- **Docker Ready** - Containerized applications ready for deployment (production only)
+- **Local Development** - Without Docker, direct execution with dotnet CLI
+- **Multiculture** - Support for internationalization (i18n) and localization (l10n)
+
+## Backend Core Principles
+
+### Clean Architecture First
+Strict separation of:
+- Domain layer (Entities, Value Objects, Aggregates, Domain Services)
+- Application layer (Commands, Queries, DTOs, Interfaces)
+- Infrastructure layer (Repositories, EF Core, External Services)
+- Presentation layer (Minimal API Endpoints)
+
+### Domain-Driven Design
+Business logic drives architecture decisions
+
+### Test-Driven Development
+- Write tests before or alongside implementation
+- xUnit for all backend tests
+- High test coverage requirement
+
+### Microservices Isolation
+- Each service is independent
+- Own PostgreSQL database per service
+- No shared databases between services
+
+### UUID Primary Keys
+All entities must use UUIDs (Guid in C#) as primary keys for distributed system compatibility
+
+### Type Safety
+Leverage C# strong typing for compile-time safety
+
+### Security by Design
+Implement security at every layer
+
+### Docker for Production Only
+- Development: dotnet run locally
+- Production: Docker containers

package/bmad/bmm/workflows/3-solutioning/create-architecture/data/domain-complexity.csv

@@ -0,0 +1,11 @@
+domain,signals,complexity_level,suggested_workflow,web_searches
+e_commerce,"shopping,cart,checkout,payment,products,store",medium,standard,"ecommerce architecture patterns, payment processing, inventory management"
+fintech,"banking,payment,trading,finance,money,investment",high,enhanced,"financial security, PCI compliance, trading algorithms, fraud detection"
+healthcare,"medical,diagnostic,clinical,patient,hospital,health",high,enhanced,"HIPAA compliance, medical data security, FDA regulations, health tech"
+social,"social network,community,users,friends,posts,sharing",high,advanced,"social graph algorithms, feed ranking, notification systems, privacy"
+education,"learning,course,student,teacher,training,academic",medium,standard,"LMS architecture, progress tracking, assessment systems, video streaming"
+productivity,"productivity,workflow,tasks,management,business,tools",medium,standard,"collaboration patterns, real-time editing, notification systems, integration"
+media,"content,media,video,audio,streaming,broadcast",high,advanced,"CDN architecture, video encoding, streaming protocols, content delivery"
+iot,"IoT,sensors,devices,embedded,smart,connected",high,advanced,"device communication, real-time data processing, edge computing, security"
+government,"government,civic,public,admin,policy,regulation",high,enhanced,"accessibility standards, security clearance, data privacy, audit trails"
+gaming,"game,gaming,multiplayer,real-time,interactive,entertainment",high,advanced,"real-time multiplayer, game engine architecture, matchmaking, leaderboards"

package/bmad/bmm/workflows/3-solutioning/create-architecture/data/project-types.csv

@@ -0,0 +1,7 @@
+project_type,detection_signals,description,typical_starters
+web_app,"website,web application,browser,frontend,UI,interface",Web-based applications running in browsers,Next.js, Vite, Remix
+mobile_app,"mobile,iOS,Android,app,smartphone,tablet",Native mobile applications,React Native, Expo, Flutter
+api_backend,"API,REST,GraphQL,backend,service,microservice",Backend services and APIs,NestJS, Express, Fastify
+full_stack,"full-stack,complete,web+mobile,frontend+backend",Applications with both frontend and backend,T3 App, RedwoodJS, Blitz
+cli_tool,"CLI,command line,terminal,console,tool",Command-line interface tools,oclif, Commander, Caporal
+desktop_app,"desktop,Electron,Tauri,native app,macOS,Windows",Desktop applications,Electron, Tauri, Flutter Desktop