@goldenpath-cloud/frontend-standards/core-standards/svelte5/.amazonq.json

Golden Path frontend development standards for Svelte 5 with TypeScript, testing, and validation

{
  "version": "1.0",
  "description": "Golden Path Standards - Svelte 5 Core Standard",
  "standards": {
    "frontend": {
      "framework": "svelte5",
      "styling": "css",
      "accessibility": "wcag-aa"
    }
  },
  "rules": {
    "svelte": {
      "version": "5",
      "runes": "required",
      "accessibility": "enforce",
      "semanticHtml": "required"
    }
  },
  "codeGeneration": {
    "accessibility": "automatic"
  },
  "validation": {
    "eslint": {
      "enabled": true,
      "config": ".eslintrc.js"
    }
  },
  "patterns": {
    "componentWithProps": {
      "description": "Basic Svelte 5 component with TypeScript props interface",
      "tags": ["component", "typescript", "props"]
    },
    "reactiveState": {
      "description": "Svelte 5 reactive state with $state, $derived, and $effect",
      "tags": ["state", "reactive", "runes"]
    }
  },
  "instructions": [
    "Use Svelte 5 runes ($state, $derived, $effect) instead of legacy reactive statements",
    "Include proper ARIA attributes for accessibility",
    "Use semantic HTML elements (button, form, input, etc.)",
    "Follow mobile-first responsive design principles"
  ]
}