javi-forge 0.1.0
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/.gitignore.template +105 -0
- package/.releaserc +44 -0
- package/README.md +45 -0
- package/ai-config/.skillignore +15 -0
- package/ai-config/AUTO_INVOKE.md +300 -0
- package/ai-config/agents/_TEMPLATE.md +93 -0
- package/ai-config/agents/business/api-designer.md +1657 -0
- package/ai-config/agents/business/business-analyst.md +1331 -0
- package/ai-config/agents/business/product-strategist.md +206 -0
- package/ai-config/agents/business/project-manager.md +178 -0
- package/ai-config/agents/business/requirements-analyst.md +1277 -0
- package/ai-config/agents/business/technical-writer.md +1679 -0
- package/ai-config/agents/creative/ux-designer.md +205 -0
- package/ai-config/agents/data-ai/ai-engineer.md +487 -0
- package/ai-config/agents/data-ai/analytics-engineer.md +953 -0
- package/ai-config/agents/data-ai/data-engineer.md +173 -0
- package/ai-config/agents/data-ai/data-scientist.md +672 -0
- package/ai-config/agents/data-ai/mlops-engineer.md +814 -0
- package/ai-config/agents/data-ai/prompt-engineer.md +772 -0
- package/ai-config/agents/development/angular-expert.md +620 -0
- package/ai-config/agents/development/backend-architect.md +795 -0
- package/ai-config/agents/development/database-specialist.md +212 -0
- package/ai-config/agents/development/frontend-specialist.md +686 -0
- package/ai-config/agents/development/fullstack-engineer.md +668 -0
- package/ai-config/agents/development/golang-pro.md +338 -0
- package/ai-config/agents/development/java-enterprise.md +400 -0
- package/ai-config/agents/development/javascript-pro.md +422 -0
- package/ai-config/agents/development/nextjs-pro.md +474 -0
- package/ai-config/agents/development/python-pro.md +570 -0
- package/ai-config/agents/development/react-pro.md +487 -0
- package/ai-config/agents/development/rust-pro.md +246 -0
- package/ai-config/agents/development/spring-boot-4-expert.md +326 -0
- package/ai-config/agents/development/typescript-pro.md +336 -0
- package/ai-config/agents/development/vue-specialist.md +605 -0
- package/ai-config/agents/infrastructure/cloud-architect.md +472 -0
- package/ai-config/agents/infrastructure/deployment-manager.md +358 -0
- package/ai-config/agents/infrastructure/devops-engineer.md +455 -0
- package/ai-config/agents/infrastructure/incident-responder.md +519 -0
- package/ai-config/agents/infrastructure/kubernetes-expert.md +705 -0
- package/ai-config/agents/infrastructure/monitoring-specialist.md +674 -0
- package/ai-config/agents/infrastructure/performance-engineer.md +658 -0
- package/ai-config/agents/orchestrator.md +241 -0
- package/ai-config/agents/quality/accessibility-auditor.md +1204 -0
- package/ai-config/agents/quality/code-reviewer-compact.md +123 -0
- package/ai-config/agents/quality/code-reviewer.md +363 -0
- package/ai-config/agents/quality/dependency-manager.md +743 -0
- package/ai-config/agents/quality/e2e-test-specialist.md +1005 -0
- package/ai-config/agents/quality/performance-tester.md +1086 -0
- package/ai-config/agents/quality/security-auditor.md +133 -0
- package/ai-config/agents/quality/test-engineer.md +453 -0
- package/ai-config/agents/specialists/api-designer.md +87 -0
- package/ai-config/agents/specialists/backend-architect.md +73 -0
- package/ai-config/agents/specialists/code-reviewer.md +77 -0
- package/ai-config/agents/specialists/db-optimizer.md +75 -0
- package/ai-config/agents/specialists/devops-engineer.md +83 -0
- package/ai-config/agents/specialists/documentation-writer.md +78 -0
- package/ai-config/agents/specialists/frontend-developer.md +75 -0
- package/ai-config/agents/specialists/performance-analyst.md +82 -0
- package/ai-config/agents/specialists/refactor-specialist.md +74 -0
- package/ai-config/agents/specialists/security-auditor.md +74 -0
- package/ai-config/agents/specialists/test-engineer.md +81 -0
- package/ai-config/agents/specialists/ux-consultant.md +76 -0
- package/ai-config/agents/specialized/agent-generator.md +1190 -0
- package/ai-config/agents/specialized/blockchain-developer.md +149 -0
- package/ai-config/agents/specialized/code-migrator.md +892 -0
- package/ai-config/agents/specialized/context-manager.md +978 -0
- package/ai-config/agents/specialized/documentation-writer.md +1078 -0
- package/ai-config/agents/specialized/ecommerce-expert.md +1756 -0
- package/ai-config/agents/specialized/embedded-engineer.md +1714 -0
- package/ai-config/agents/specialized/error-detective.md +1034 -0
- package/ai-config/agents/specialized/fintech-specialist.md +1659 -0
- package/ai-config/agents/specialized/freelance-project-planner-v2.md +1988 -0
- package/ai-config/agents/specialized/freelance-project-planner-v3.md +2136 -0
- package/ai-config/agents/specialized/freelance-project-planner-v4.md +4503 -0
- package/ai-config/agents/specialized/freelance-project-planner.md +722 -0
- package/ai-config/agents/specialized/game-developer.md +1963 -0
- package/ai-config/agents/specialized/healthcare-dev.md +1620 -0
- package/ai-config/agents/specialized/mobile-developer.md +188 -0
- package/ai-config/agents/specialized/parallel-plan-executor.md +506 -0
- package/ai-config/agents/specialized/plan-executor.md +485 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/00-INDEX.md +485 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/01-CORE.md +3493 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/02-SELF-CORRECTION.md +778 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/03-PROGRESSIVE-SETUP.md +918 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/04-DEPLOYMENT.md +1537 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/05-TESTING.md +2633 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/06-OPERATIONS.md +5610 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/INSTALL.md +335 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/QUICK-REFERENCE.txt +215 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/README.md +260 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/START-HERE.md +379 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/WORKFLOW-DIAGRAM.md +355 -0
- package/ai-config/agents/specialized/solo-dev-planner-modular/solo-dev-planner.md +279 -0
- package/ai-config/agents/specialized/template-writer.md +347 -0
- package/ai-config/agents/specialized/test-runner.md +99 -0
- package/ai-config/agents/specialized/vibekanban-smart-worker.md +244 -0
- package/ai-config/agents/specialized/wave-executor.md +138 -0
- package/ai-config/agents/specialized/workflow-optimizer.md +1114 -0
- package/ai-config/commands/git/changelog.md +32 -0
- package/ai-config/commands/git/ci-local.md +70 -0
- package/ai-config/commands/git/commit.md +35 -0
- package/ai-config/commands/git/fix-issue.md +23 -0
- package/ai-config/commands/git/pr-create.md +42 -0
- package/ai-config/commands/git/pr-review.md +50 -0
- package/ai-config/commands/git/worktree.md +39 -0
- package/ai-config/commands/refactoring/cleanup.md +24 -0
- package/ai-config/commands/refactoring/dead-code.md +40 -0
- package/ai-config/commands/refactoring/extract.md +31 -0
- package/ai-config/commands/testing/e2e.md +30 -0
- package/ai-config/commands/testing/tdd.md +36 -0
- package/ai-config/commands/testing/test-coverage.md +30 -0
- package/ai-config/commands/testing/test-fix.md +24 -0
- package/ai-config/commands/workflow/generate-agents-md.md +85 -0
- package/ai-config/commands/workflow/planning.md +47 -0
- package/ai-config/commands/workflows/compound.md +89 -0
- package/ai-config/commands/workflows/plan.md +77 -0
- package/ai-config/commands/workflows/review.md +78 -0
- package/ai-config/commands/workflows/work.md +75 -0
- package/ai-config/config.yaml +18 -0
- package/ai-config/hooks/_TEMPLATE.md +96 -0
- package/ai-config/hooks/block-dangerous-commands.md +75 -0
- package/ai-config/hooks/commit-guard.md +90 -0
- package/ai-config/hooks/context-loader.md +73 -0
- package/ai-config/hooks/improve-prompt.md +91 -0
- package/ai-config/hooks/learning-log.md +72 -0
- package/ai-config/hooks/model-router.md +86 -0
- package/ai-config/hooks/secret-scanner.md +64 -0
- package/ai-config/hooks/skill-validator.md +102 -0
- package/ai-config/hooks/task-artifact.md +114 -0
- package/ai-config/hooks/validate-workflow.md +100 -0
- package/ai-config/prompts/base.md +71 -0
- package/ai-config/prompts/modes/debug.md +34 -0
- package/ai-config/prompts/modes/deploy.md +40 -0
- package/ai-config/prompts/modes/research.md +32 -0
- package/ai-config/prompts/modes/review.md +33 -0
- package/ai-config/prompts/review-policy.md +79 -0
- package/ai-config/skills/_TEMPLATE.md +157 -0
- package/ai-config/skills/backend/api-gateway/SKILL.md +254 -0
- package/ai-config/skills/backend/bff-concepts/SKILL.md +239 -0
- package/ai-config/skills/backend/bff-spring/SKILL.md +364 -0
- package/ai-config/skills/backend/chi-router/SKILL.md +396 -0
- package/ai-config/skills/backend/error-handling/SKILL.md +255 -0
- package/ai-config/skills/backend/exceptions-spring/SKILL.md +323 -0
- package/ai-config/skills/backend/fastapi/SKILL.md +302 -0
- package/ai-config/skills/backend/gateway-spring/SKILL.md +390 -0
- package/ai-config/skills/backend/go-backend/SKILL.md +457 -0
- package/ai-config/skills/backend/gradle-multimodule/SKILL.md +274 -0
- package/ai-config/skills/backend/graphql-concepts/SKILL.md +352 -0
- package/ai-config/skills/backend/graphql-spring/SKILL.md +398 -0
- package/ai-config/skills/backend/grpc-concepts/SKILL.md +283 -0
- package/ai-config/skills/backend/grpc-spring/SKILL.md +445 -0
- package/ai-config/skills/backend/jwt-auth/SKILL.md +412 -0
- package/ai-config/skills/backend/notifications-concepts/SKILL.md +259 -0
- package/ai-config/skills/backend/recommendations-concepts/SKILL.md +261 -0
- package/ai-config/skills/backend/search-concepts/SKILL.md +263 -0
- package/ai-config/skills/backend/search-spring/SKILL.md +375 -0
- package/ai-config/skills/backend/spring-boot-4/SKILL.md +172 -0
- package/ai-config/skills/backend/websockets/SKILL.md +532 -0
- package/ai-config/skills/data-ai/ai-ml/SKILL.md +423 -0
- package/ai-config/skills/data-ai/analytics-concepts/SKILL.md +195 -0
- package/ai-config/skills/data-ai/analytics-spring/SKILL.md +340 -0
- package/ai-config/skills/data-ai/duckdb-analytics/SKILL.md +440 -0
- package/ai-config/skills/data-ai/langchain/SKILL.md +238 -0
- package/ai-config/skills/data-ai/mlflow/SKILL.md +302 -0
- package/ai-config/skills/data-ai/onnx-inference/SKILL.md +290 -0
- package/ai-config/skills/data-ai/powerbi/SKILL.md +352 -0
- package/ai-config/skills/data-ai/pytorch/SKILL.md +274 -0
- package/ai-config/skills/data-ai/scikit-learn/SKILL.md +321 -0
- package/ai-config/skills/data-ai/vector-db/SKILL.md +301 -0
- package/ai-config/skills/database/graph-databases/SKILL.md +218 -0
- package/ai-config/skills/database/graph-spring/SKILL.md +361 -0
- package/ai-config/skills/database/pgx-postgres/SKILL.md +512 -0
- package/ai-config/skills/database/redis-cache/SKILL.md +343 -0
- package/ai-config/skills/database/sqlite-embedded/SKILL.md +388 -0
- package/ai-config/skills/database/timescaledb/SKILL.md +320 -0
- package/ai-config/skills/docs/api-documentation/SKILL.md +293 -0
- package/ai-config/skills/docs/docs-spring/SKILL.md +377 -0
- package/ai-config/skills/docs/mustache-templates/SKILL.md +190 -0
- package/ai-config/skills/docs/technical-docs/SKILL.md +447 -0
- package/ai-config/skills/frontend/astro-ssr/SKILL.md +441 -0
- package/ai-config/skills/frontend/frontend-design/SKILL.md +54 -0
- package/ai-config/skills/frontend/frontend-web/SKILL.md +368 -0
- package/ai-config/skills/frontend/mantine-ui/SKILL.md +396 -0
- package/ai-config/skills/frontend/tanstack-query/SKILL.md +439 -0
- package/ai-config/skills/frontend/zod-validation/SKILL.md +417 -0
- package/ai-config/skills/frontend/zustand-state/SKILL.md +350 -0
- package/ai-config/skills/infrastructure/chaos-engineering/SKILL.md +244 -0
- package/ai-config/skills/infrastructure/chaos-spring/SKILL.md +378 -0
- package/ai-config/skills/infrastructure/devops-infra/SKILL.md +435 -0
- package/ai-config/skills/infrastructure/docker-containers/SKILL.md +420 -0
- package/ai-config/skills/infrastructure/kubernetes/SKILL.md +456 -0
- package/ai-config/skills/infrastructure/opentelemetry/SKILL.md +546 -0
- package/ai-config/skills/infrastructure/traefik-proxy/SKILL.md +474 -0
- package/ai-config/skills/infrastructure/woodpecker-ci/SKILL.md +315 -0
- package/ai-config/skills/mobile/ionic-capacitor/SKILL.md +504 -0
- package/ai-config/skills/mobile/mobile-ionic/SKILL.md +448 -0
- package/ai-config/skills/prompt-improver/SKILL.md +125 -0
- package/ai-config/skills/quality/ghagga-review/SKILL.md +216 -0
- package/ai-config/skills/references/hooks-patterns/SKILL.md +238 -0
- package/ai-config/skills/references/mcp-servers/SKILL.md +275 -0
- package/ai-config/skills/references/plugins-reference/SKILL.md +110 -0
- package/ai-config/skills/references/skills-reference/SKILL.md +420 -0
- package/ai-config/skills/references/subagent-templates/SKILL.md +193 -0
- package/ai-config/skills/systems-iot/modbus-protocol/SKILL.md +410 -0
- package/ai-config/skills/systems-iot/mqtt-rumqttc/SKILL.md +408 -0
- package/ai-config/skills/systems-iot/rust-systems/SKILL.md +386 -0
- package/ai-config/skills/systems-iot/tokio-async/SKILL.md +324 -0
- package/ai-config/skills/testing/playwright-e2e/SKILL.md +289 -0
- package/ai-config/skills/testing/testcontainers/SKILL.md +299 -0
- package/ai-config/skills/testing/vitest-testing/SKILL.md +381 -0
- package/ai-config/skills/workflow/ci-local-guide/SKILL.md +118 -0
- package/ai-config/skills/workflow/claude-automation-recommender/SKILL.md +299 -0
- package/ai-config/skills/workflow/claude-md-improver/SKILL.md +158 -0
- package/ai-config/skills/workflow/finishing-a-development-branch/SKILL.md +117 -0
- package/ai-config/skills/workflow/git-github/SKILL.md +334 -0
- package/ai-config/skills/workflow/git-github/references/examples.md +160 -0
- package/ai-config/skills/workflow/git-workflow/SKILL.md +214 -0
- package/ai-config/skills/workflow/ide-plugins/SKILL.md +277 -0
- package/ai-config/skills/workflow/ide-plugins-intellij/SKILL.md +401 -0
- package/ai-config/skills/workflow/obsidian-brain-workflow/SKILL.md +199 -0
- package/ai-config/skills/workflow/using-git-worktrees/SKILL.md +100 -0
- package/ai-config/skills/workflow/verification-before-completion/SKILL.md +73 -0
- package/ai-config/skills/workflow/wave-workflow/SKILL.md +178 -0
- package/ci-local/README.md +170 -0
- package/ci-local/ci-local.sh +297 -0
- package/ci-local/hooks/commit-msg +74 -0
- package/ci-local/hooks/pre-commit +162 -0
- package/ci-local/hooks/pre-push +41 -0
- package/ci-local/install.sh +49 -0
- package/ci-local/semgrep.yml +214 -0
- package/dist/commands/analyze.d.ts +9 -0
- package/dist/commands/analyze.d.ts.map +1 -0
- package/dist/commands/analyze.js +55 -0
- package/dist/commands/analyze.js.map +1 -0
- package/dist/commands/analyze.test.d.ts +2 -0
- package/dist/commands/analyze.test.d.ts.map +1 -0
- package/dist/commands/analyze.test.js +145 -0
- package/dist/commands/analyze.test.js.map +1 -0
- package/dist/commands/doctor.d.ts +7 -0
- package/dist/commands/doctor.d.ts.map +1 -0
- package/dist/commands/doctor.js +158 -0
- package/dist/commands/doctor.js.map +1 -0
- package/dist/commands/doctor.test.d.ts +2 -0
- package/dist/commands/doctor.test.d.ts.map +1 -0
- package/dist/commands/doctor.test.js +200 -0
- package/dist/commands/doctor.test.js.map +1 -0
- package/dist/commands/init.d.ts +9 -0
- package/dist/commands/init.d.ts.map +1 -0
- package/dist/commands/init.js +283 -0
- package/dist/commands/init.js.map +1 -0
- package/dist/commands/init.test.d.ts +2 -0
- package/dist/commands/init.test.d.ts.map +1 -0
- package/dist/commands/init.test.js +271 -0
- package/dist/commands/init.test.js.map +1 -0
- package/dist/commands/sync.d.ts +8 -0
- package/dist/commands/sync.d.ts.map +1 -0
- package/dist/commands/sync.js +201 -0
- package/dist/commands/sync.js.map +1 -0
- package/dist/constants.d.ts +21 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/constants.js +57 -0
- package/dist/constants.js.map +1 -0
- package/dist/e2e/aggressive.e2e.test.d.ts +2 -0
- package/dist/e2e/aggressive.e2e.test.d.ts.map +1 -0
- package/dist/e2e/aggressive.e2e.test.js +350 -0
- package/dist/e2e/aggressive.e2e.test.js.map +1 -0
- package/dist/e2e/commands.e2e.test.d.ts +2 -0
- package/dist/e2e/commands.e2e.test.d.ts.map +1 -0
- package/dist/e2e/commands.e2e.test.js +213 -0
- package/dist/e2e/commands.e2e.test.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +82 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/common.d.ts +17 -0
- package/dist/lib/common.d.ts.map +1 -0
- package/dist/lib/common.js +111 -0
- package/dist/lib/common.js.map +1 -0
- package/dist/lib/common.test.d.ts +2 -0
- package/dist/lib/common.test.d.ts.map +1 -0
- package/dist/lib/common.test.js +316 -0
- package/dist/lib/common.test.js.map +1 -0
- package/dist/lib/frontmatter.d.ts +18 -0
- package/dist/lib/frontmatter.d.ts.map +1 -0
- package/dist/lib/frontmatter.js +61 -0
- package/dist/lib/frontmatter.js.map +1 -0
- package/dist/lib/frontmatter.test.d.ts +2 -0
- package/dist/lib/frontmatter.test.d.ts.map +1 -0
- package/dist/lib/frontmatter.test.js +257 -0
- package/dist/lib/frontmatter.test.js.map +1 -0
- package/dist/lib/template.d.ts +24 -0
- package/dist/lib/template.d.ts.map +1 -0
- package/dist/lib/template.js +78 -0
- package/dist/lib/template.js.map +1 -0
- package/dist/lib/template.test.d.ts +2 -0
- package/dist/lib/template.test.d.ts.map +1 -0
- package/dist/lib/template.test.js +201 -0
- package/dist/lib/template.test.js.map +1 -0
- package/dist/types/index.d.ts +48 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -0
- package/dist/ui/AnalyzeUI.d.ts +7 -0
- package/dist/ui/AnalyzeUI.d.ts.map +1 -0
- package/dist/ui/AnalyzeUI.js +100 -0
- package/dist/ui/AnalyzeUI.js.map +1 -0
- package/dist/ui/App.d.ts +13 -0
- package/dist/ui/App.d.ts.map +1 -0
- package/dist/ui/App.js +100 -0
- package/dist/ui/App.js.map +1 -0
- package/dist/ui/CIContext.d.ts +9 -0
- package/dist/ui/CIContext.d.ts.map +1 -0
- package/dist/ui/CIContext.js +9 -0
- package/dist/ui/CIContext.js.map +1 -0
- package/dist/ui/CISelector.d.ts +8 -0
- package/dist/ui/CISelector.d.ts.map +1 -0
- package/dist/ui/CISelector.js +45 -0
- package/dist/ui/CISelector.js.map +1 -0
- package/dist/ui/Doctor.d.ts +3 -0
- package/dist/ui/Doctor.d.ts.map +1 -0
- package/dist/ui/Doctor.js +89 -0
- package/dist/ui/Doctor.js.map +1 -0
- package/dist/ui/Header.d.ts +8 -0
- package/dist/ui/Header.d.ts.map +1 -0
- package/dist/ui/Header.js +30 -0
- package/dist/ui/Header.js.map +1 -0
- package/dist/ui/MemorySelector.d.ts +8 -0
- package/dist/ui/MemorySelector.d.ts.map +1 -0
- package/dist/ui/MemorySelector.js +46 -0
- package/dist/ui/MemorySelector.js.map +1 -0
- package/dist/ui/NameInput.d.ts +8 -0
- package/dist/ui/NameInput.d.ts.map +1 -0
- package/dist/ui/NameInput.js +69 -0
- package/dist/ui/NameInput.js.map +1 -0
- package/dist/ui/OptionSelector.d.ts +12 -0
- package/dist/ui/OptionSelector.d.ts.map +1 -0
- package/dist/ui/OptionSelector.js +69 -0
- package/dist/ui/OptionSelector.js.map +1 -0
- package/dist/ui/Progress.d.ts +11 -0
- package/dist/ui/Progress.d.ts.map +1 -0
- package/dist/ui/Progress.js +58 -0
- package/dist/ui/Progress.js.map +1 -0
- package/dist/ui/StackSelector.d.ts +9 -0
- package/dist/ui/StackSelector.d.ts.map +1 -0
- package/dist/ui/StackSelector.js +65 -0
- package/dist/ui/StackSelector.js.map +1 -0
- package/dist/ui/Summary.d.ts +12 -0
- package/dist/ui/Summary.d.ts.map +1 -0
- package/dist/ui/Summary.js +114 -0
- package/dist/ui/Summary.js.map +1 -0
- package/dist/ui/SyncUI.d.ts +10 -0
- package/dist/ui/SyncUI.d.ts.map +1 -0
- package/dist/ui/SyncUI.js +64 -0
- package/dist/ui/SyncUI.js.map +1 -0
- package/dist/ui/Welcome.d.ts +7 -0
- package/dist/ui/Welcome.d.ts.map +1 -0
- package/dist/ui/Welcome.js +45 -0
- package/dist/ui/Welcome.js.map +1 -0
- package/dist/ui/theme.d.ts +10 -0
- package/dist/ui/theme.d.ts.map +1 -0
- package/dist/ui/theme.js +9 -0
- package/dist/ui/theme.js.map +1 -0
- package/modules/engram/.gitignore-snippet.txt +6 -0
- package/modules/engram/.mcp-config-snippet.json +11 -0
- package/modules/engram/README.md +146 -0
- package/modules/engram/install-engram.sh +216 -0
- package/modules/ghagga/.env.example +43 -0
- package/modules/ghagga/README.md +153 -0
- package/modules/ghagga/docker-compose.yml +80 -0
- package/modules/ghagga/setup-ghagga.sh +139 -0
- package/modules/memory-simple/.project/NOTES.md +22 -0
- package/modules/memory-simple/README.md +23 -0
- package/modules/obsidian-brain/.obsidian/app.json +23 -0
- package/modules/obsidian-brain/.obsidian/appearance.json +5 -0
- package/modules/obsidian-brain/.obsidian/bookmarks.json +34 -0
- package/modules/obsidian-brain/.obsidian/community-plugins.json +1 -0
- package/modules/obsidian-brain/.obsidian/core-plugins-migration.json +21 -0
- package/modules/obsidian-brain/.obsidian/core-plugins.json +18 -0
- package/modules/obsidian-brain/.obsidian/daily-notes.json +5 -0
- package/modules/obsidian-brain/.obsidian/graph.json +37 -0
- package/modules/obsidian-brain/.obsidian/hotkeys.json +14 -0
- package/modules/obsidian-brain/.obsidian/plugins/dataview/data.json +25 -0
- package/modules/obsidian-brain/.obsidian/plugins/obsidian-kanban/data.json +29 -0
- package/modules/obsidian-brain/.obsidian/plugins/templater-obsidian/data.json +18 -0
- package/modules/obsidian-brain/.obsidian/snippets/project-memory.css +71 -0
- package/modules/obsidian-brain/.obsidian-gitignore-snippet.txt +8 -0
- package/modules/obsidian-brain/.project/Attachments/.gitkeep +0 -0
- package/modules/obsidian-brain/.project/Memory/BLOCKERS.md +78 -0
- package/modules/obsidian-brain/.project/Memory/CONTEXT.md +102 -0
- package/modules/obsidian-brain/.project/Memory/DASHBOARD.md +73 -0
- package/modules/obsidian-brain/.project/Memory/DECISIONS.md +87 -0
- package/modules/obsidian-brain/.project/Memory/KANBAN.md +15 -0
- package/modules/obsidian-brain/.project/Memory/README.md +61 -0
- package/modules/obsidian-brain/.project/Memory/WAVES.md +78 -0
- package/modules/obsidian-brain/.project/Sessions/TEMPLATE.md +99 -0
- package/modules/obsidian-brain/.project/Templates/ADR.md +33 -0
- package/modules/obsidian-brain/.project/Templates/Blocker.md +21 -0
- package/modules/obsidian-brain/.project/Templates/Session.md +88 -0
- package/modules/obsidian-brain/README.md +268 -0
- package/modules/obsidian-brain/new-wave.sh +182 -0
- package/package.json +51 -0
- package/schemas/agent.schema.json +34 -0
- package/schemas/ai-config.schema.json +28 -0
- package/schemas/skill.schema.json +44 -0
- package/src/commands/analyze.test.ts +145 -0
- package/src/commands/analyze.ts +69 -0
- package/src/commands/doctor.test.ts +208 -0
- package/src/commands/doctor.ts +163 -0
- package/src/commands/init.test.ts +298 -0
- package/src/commands/init.ts +285 -0
- package/src/constants.ts +69 -0
- package/src/e2e/aggressive.e2e.test.ts +557 -0
- package/src/e2e/commands.e2e.test.ts +298 -0
- package/src/index.tsx +106 -0
- package/src/lib/common.test.ts +318 -0
- package/src/lib/common.ts +127 -0
- package/src/lib/frontmatter.test.ts +291 -0
- package/src/lib/frontmatter.ts +77 -0
- package/src/lib/template.test.ts +226 -0
- package/src/lib/template.ts +99 -0
- package/src/types/index.ts +53 -0
- package/src/ui/AnalyzeUI.tsx +133 -0
- package/src/ui/App.tsx +175 -0
- package/src/ui/CIContext.tsx +25 -0
- package/src/ui/CISelector.tsx +72 -0
- package/src/ui/Doctor.tsx +122 -0
- package/src/ui/Header.tsx +48 -0
- package/src/ui/MemorySelector.tsx +73 -0
- package/src/ui/NameInput.tsx +82 -0
- package/src/ui/OptionSelector.tsx +100 -0
- package/src/ui/Progress.tsx +88 -0
- package/src/ui/StackSelector.tsx +101 -0
- package/src/ui/Summary.tsx +134 -0
- package/src/ui/Welcome.tsx +54 -0
- package/src/ui/theme.ts +10 -0
- package/stryker.config.json +19 -0
- package/tasks/_TEMPLATE/files-edited.md +3 -0
- package/tasks/_TEMPLATE/plan.md +3 -0
- package/tasks/_TEMPLATE/research.md +3 -0
- package/tasks/_TEMPLATE/verification.md +5 -0
- package/templates/common/dependabot/cargo.yml +11 -0
- package/templates/common/dependabot/github-actions.yml +16 -0
- package/templates/common/dependabot/gomod.yml +15 -0
- package/templates/common/dependabot/gradle.yml +15 -0
- package/templates/common/dependabot/header.yml +3 -0
- package/templates/common/dependabot/maven.yml +15 -0
- package/templates/common/dependabot/npm.yml +20 -0
- package/templates/common/dependabot/pip.yml +11 -0
- package/templates/dependabot.yml +162 -0
- package/templates/github/ci-go.yml +41 -0
- package/templates/github/ci-java.yml +45 -0
- package/templates/github/ci-monorepo.yml +150 -0
- package/templates/github/ci-node.yml +42 -0
- package/templates/github/ci-python.yml +42 -0
- package/templates/github/ci-rust.yml +42 -0
- package/templates/github/dependabot-automerge.yml +40 -0
- package/templates/gitlab/gitlab-ci-go.yml +88 -0
- package/templates/gitlab/gitlab-ci-java.yml +79 -0
- package/templates/gitlab/gitlab-ci-monorepo.yml +126 -0
- package/templates/gitlab/gitlab-ci-node.yml +63 -0
- package/templates/gitlab/gitlab-ci-python.yml +147 -0
- package/templates/gitlab/gitlab-ci-rust.yml +67 -0
- package/templates/global/claude-settings.json +98 -0
- package/templates/global/codex-config.toml +8 -0
- package/templates/global/copilot-instructions/base-rules.instructions.md +13 -0
- package/templates/global/copilot-instructions/sdd-orchestrator.instructions.md +37 -0
- package/templates/global/gemini-commands/cleanup.toml +20 -0
- package/templates/global/gemini-commands/commit.toml +15 -0
- package/templates/global/gemini-commands/dead-code.toml +22 -0
- package/templates/global/gemini-commands/plan.toml +30 -0
- package/templates/global/gemini-commands/review.toml +17 -0
- package/templates/global/gemini-commands/sdd-apply.toml +22 -0
- package/templates/global/gemini-commands/sdd-ff.toml +14 -0
- package/templates/global/gemini-commands/sdd-new.toml +21 -0
- package/templates/global/gemini-commands/sdd-verify.toml +21 -0
- package/templates/global/gemini-commands/tdd.toml +26 -0
- package/templates/global/gemini-settings.json +8 -0
- package/templates/global/opencode-config.json +44 -0
- package/templates/global/sdd-instructions.md +47 -0
- package/templates/global/sdd-orchestrator-claude.md +46 -0
- package/templates/global/sdd-orchestrator-copilot.md +34 -0
- package/templates/renovate.json +69 -0
- package/templates/woodpecker/monorepo/backend.yml +34 -0
- package/templates/woodpecker/monorepo/frontend.yml +34 -0
- package/templates/woodpecker/monorepo/summary.yml +25 -0
- package/templates/woodpecker/woodpecker-go.yml +51 -0
- package/templates/woodpecker/woodpecker-java.yml +67 -0
- package/templates/woodpecker/woodpecker-node.yml +47 -0
- package/templates/woodpecker/woodpecker-python.yml +108 -0
- package/templates/woodpecker/woodpecker-rust.yml +57 -0
- package/tsconfig.json +19 -0
- package/vitest.config.ts +16 -0
- package/workflows/reusable-build-go.yml +111 -0
- package/workflows/reusable-build-java.yml +120 -0
- package/workflows/reusable-build-node.yml +145 -0
- package/workflows/reusable-build-python.yml +159 -0
- package/workflows/reusable-build-rust.yml +135 -0
- package/workflows/reusable-docker.yml +120 -0
- package/workflows/reusable-ghagga-review.yml +165 -0
- package/workflows/reusable-release.yml +91 -0
|
@@ -0,0 +1,441 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: astro-ssr
|
|
3
|
+
description: >
|
|
4
|
+
Astro 4.x SSR framework with React islands, API routes, middleware, and View Transitions.
|
|
5
|
+
Trigger: astro, ssr, islands architecture, static site, hybrid rendering
|
|
6
|
+
tools:
|
|
7
|
+
- Read
|
|
8
|
+
- Write
|
|
9
|
+
- Grep
|
|
10
|
+
metadata:
|
|
11
|
+
author: plataforma-industrial
|
|
12
|
+
version: "2.0"
|
|
13
|
+
tags: [astro, ssr, islands, react, web]
|
|
14
|
+
updated: "2026-02"
|
|
15
|
+
---
|
|
16
|
+
|
|
17
|
+
# Astro 4.x SSR Framework
|
|
18
|
+
|
|
19
|
+
## Stack
|
|
20
|
+
```json
|
|
21
|
+
{
|
|
22
|
+
"astro": "4.5.x",
|
|
23
|
+
"@astrojs/react": "3.1.x",
|
|
24
|
+
"@astrojs/tailwind": "5.1.x",
|
|
25
|
+
"@astrojs/node": "8.2.x"
|
|
26
|
+
}
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
## Project Structure
|
|
30
|
+
|
|
31
|
+
```
|
|
32
|
+
src/
|
|
33
|
+
├── components/
|
|
34
|
+
│ ├── astro/ # .astro components (static)
|
|
35
|
+
│ └── react/ # .tsx components (islands)
|
|
36
|
+
├── layouts/
|
|
37
|
+
│ ├── BaseLayout.astro
|
|
38
|
+
│ └── DashboardLayout.astro
|
|
39
|
+
├── pages/
|
|
40
|
+
│ ├── index.astro
|
|
41
|
+
│ ├── [slug].astro # Dynamic route
|
|
42
|
+
│ ├── [...path].astro # Catch-all route
|
|
43
|
+
│ └── api/ # API routes
|
|
44
|
+
├── lib/
|
|
45
|
+
│ ├── api/
|
|
46
|
+
│ └── types/
|
|
47
|
+
└── env.d.ts
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## Configuration
|
|
51
|
+
|
|
52
|
+
```javascript
|
|
53
|
+
// astro.config.mjs
|
|
54
|
+
import { defineConfig } from 'astro/config';
|
|
55
|
+
import react from '@astrojs/react';
|
|
56
|
+
import tailwind from '@astrojs/tailwind';
|
|
57
|
+
import node from '@astrojs/node';
|
|
58
|
+
|
|
59
|
+
export default defineConfig({
|
|
60
|
+
output: 'server', // SSR mode
|
|
61
|
+
adapter: node({ mode: 'standalone' }),
|
|
62
|
+
integrations: [
|
|
63
|
+
react(),
|
|
64
|
+
tailwind({ applyBaseStyles: false }),
|
|
65
|
+
],
|
|
66
|
+
server: { port: 4321, host: true },
|
|
67
|
+
vite: {
|
|
68
|
+
ssr: { noExternal: ['@mantine/*'] },
|
|
69
|
+
},
|
|
70
|
+
});
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
```json
|
|
74
|
+
// tsconfig.json
|
|
75
|
+
{
|
|
76
|
+
"extends": "astro/tsconfigs/strict",
|
|
77
|
+
"compilerOptions": {
|
|
78
|
+
"jsx": "react-jsx",
|
|
79
|
+
"jsxImportSource": "react",
|
|
80
|
+
"baseUrl": ".",
|
|
81
|
+
"paths": {
|
|
82
|
+
"@/*": ["src/*"],
|
|
83
|
+
"@components/*": ["src/components/*"],
|
|
84
|
+
"@lib/*": ["src/lib/*"]
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
## Layouts
|
|
91
|
+
|
|
92
|
+
```astro
|
|
93
|
+
---
|
|
94
|
+
// src/layouts/BaseLayout.astro
|
|
95
|
+
import '@mantine/core/styles.css';
|
|
96
|
+
import '@/styles/global.css';
|
|
97
|
+
|
|
98
|
+
interface Props {
|
|
99
|
+
title: string;
|
|
100
|
+
description?: string;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
const { title, description = 'App Description' } = Astro.props;
|
|
104
|
+
---
|
|
105
|
+
|
|
106
|
+
<!DOCTYPE html>
|
|
107
|
+
<html lang="en">
|
|
108
|
+
<head>
|
|
109
|
+
<meta charset="UTF-8" />
|
|
110
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
111
|
+
<meta name="description" content={description} />
|
|
112
|
+
<title>{title} | App Name</title>
|
|
113
|
+
</head>
|
|
114
|
+
<body>
|
|
115
|
+
<slot />
|
|
116
|
+
</body>
|
|
117
|
+
</html>
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
```astro
|
|
121
|
+
---
|
|
122
|
+
// src/layouts/DashboardLayout.astro
|
|
123
|
+
import BaseLayout from './BaseLayout.astro';
|
|
124
|
+
import { AppShell } from '@components/react/AppShell';
|
|
125
|
+
import { getSession } from '@lib/auth';
|
|
126
|
+
|
|
127
|
+
interface Props { title: string; }
|
|
128
|
+
|
|
129
|
+
const { title } = Astro.props;
|
|
130
|
+
const session = await getSession(Astro.request);
|
|
131
|
+
|
|
132
|
+
if (!session) {
|
|
133
|
+
return Astro.redirect('/login');
|
|
134
|
+
}
|
|
135
|
+
---
|
|
136
|
+
|
|
137
|
+
<BaseLayout title={title}>
|
|
138
|
+
<AppShell client:load user={session.user}>
|
|
139
|
+
<slot />
|
|
140
|
+
</AppShell>
|
|
141
|
+
</BaseLayout>
|
|
142
|
+
```
|
|
143
|
+
|
|
144
|
+
## Client Directives (Islands)
|
|
145
|
+
|
|
146
|
+
```astro
|
|
147
|
+
<!-- Hydrate immediately - critical UI -->
|
|
148
|
+
<Dashboard client:load />
|
|
149
|
+
|
|
150
|
+
<!-- Hydrate when browser idle - secondary widgets -->
|
|
151
|
+
<NewsWidget client:idle />
|
|
152
|
+
|
|
153
|
+
<!-- Hydrate when visible - below-the-fold content -->
|
|
154
|
+
<Chart client:visible />
|
|
155
|
+
|
|
156
|
+
<!-- Hydrate on media query match - responsive components -->
|
|
157
|
+
<MobileMenu client:media="(max-width: 768px)" />
|
|
158
|
+
|
|
159
|
+
<!-- Client-only, no SSR - browser API dependent -->
|
|
160
|
+
<RealtimeChart client:only="react" />
|
|
161
|
+
```
|
|
162
|
+
|
|
163
|
+
## Pages
|
|
164
|
+
|
|
165
|
+
```astro
|
|
166
|
+
---
|
|
167
|
+
// src/pages/index.astro
|
|
168
|
+
import DashboardLayout from '@layouts/DashboardLayout.astro';
|
|
169
|
+
import { Overview } from '@components/react/Overview';
|
|
170
|
+
---
|
|
171
|
+
|
|
172
|
+
<DashboardLayout title="Dashboard">
|
|
173
|
+
<Overview client:load />
|
|
174
|
+
</DashboardLayout>
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
```astro
|
|
178
|
+
---
|
|
179
|
+
// src/pages/items/[id].astro - Dynamic route
|
|
180
|
+
import DashboardLayout from '@layouts/DashboardLayout.astro';
|
|
181
|
+
import { ItemDetail } from '@components/react/ItemDetail';
|
|
182
|
+
|
|
183
|
+
const { id } = Astro.params;
|
|
184
|
+
if (!id) return Astro.redirect('/items');
|
|
185
|
+
---
|
|
186
|
+
|
|
187
|
+
<DashboardLayout title="Item Detail">
|
|
188
|
+
<ItemDetail id={id} client:load />
|
|
189
|
+
</DashboardLayout>
|
|
190
|
+
```
|
|
191
|
+
|
|
192
|
+
```astro
|
|
193
|
+
---
|
|
194
|
+
// src/pages/404.astro
|
|
195
|
+
import BaseLayout from '@layouts/BaseLayout.astro';
|
|
196
|
+
---
|
|
197
|
+
|
|
198
|
+
<BaseLayout title="Not Found">
|
|
199
|
+
<h1>404</h1>
|
|
200
|
+
<a href="/">Go Home</a>
|
|
201
|
+
</BaseLayout>
|
|
202
|
+
```
|
|
203
|
+
|
|
204
|
+
## API Routes
|
|
205
|
+
|
|
206
|
+
```typescript
|
|
207
|
+
// src/pages/api/items/index.ts
|
|
208
|
+
import type { APIRoute } from 'astro';
|
|
209
|
+
|
|
210
|
+
export const GET: APIRoute = async ({ request }) => {
|
|
211
|
+
const items = await getItems();
|
|
212
|
+
return new Response(JSON.stringify({ data: items }), {
|
|
213
|
+
status: 200,
|
|
214
|
+
headers: { 'Content-Type': 'application/json' },
|
|
215
|
+
});
|
|
216
|
+
};
|
|
217
|
+
|
|
218
|
+
export const POST: APIRoute = async ({ request }) => {
|
|
219
|
+
const body = await request.json();
|
|
220
|
+
const item = await createItem(body);
|
|
221
|
+
return new Response(JSON.stringify({ data: item }), {
|
|
222
|
+
status: 201,
|
|
223
|
+
headers: { 'Content-Type': 'application/json' },
|
|
224
|
+
});
|
|
225
|
+
};
|
|
226
|
+
```
|
|
227
|
+
|
|
228
|
+
```typescript
|
|
229
|
+
// src/pages/api/items/[id].ts - Dynamic API route
|
|
230
|
+
import type { APIRoute } from 'astro';
|
|
231
|
+
|
|
232
|
+
export const GET: APIRoute = async ({ params }) => {
|
|
233
|
+
const item = await getItemById(params.id);
|
|
234
|
+
if (!item) {
|
|
235
|
+
return new Response(JSON.stringify({ error: 'Not found' }), { status: 404 });
|
|
236
|
+
}
|
|
237
|
+
return new Response(JSON.stringify({ data: item }), { status: 200 });
|
|
238
|
+
};
|
|
239
|
+
|
|
240
|
+
export const PUT: APIRoute = async ({ params, request }) => {
|
|
241
|
+
const body = await request.json();
|
|
242
|
+
const item = await updateItem(params.id, body);
|
|
243
|
+
return new Response(JSON.stringify({ data: item }), { status: 200 });
|
|
244
|
+
};
|
|
245
|
+
|
|
246
|
+
export const DELETE: APIRoute = async ({ params }) => {
|
|
247
|
+
await deleteItem(params.id);
|
|
248
|
+
return new Response(null, { status: 204 });
|
|
249
|
+
};
|
|
250
|
+
```
|
|
251
|
+
|
|
252
|
+
## Middleware
|
|
253
|
+
|
|
254
|
+
```typescript
|
|
255
|
+
// src/middleware.ts
|
|
256
|
+
import { defineMiddleware } from 'astro:middleware';
|
|
257
|
+
import { verifySession } from '@lib/auth';
|
|
258
|
+
|
|
259
|
+
const publicRoutes = ['/login', '/register', '/api/auth/login'];
|
|
260
|
+
|
|
261
|
+
export const onRequest = defineMiddleware(async (context, next) => {
|
|
262
|
+
const { pathname } = context.url;
|
|
263
|
+
|
|
264
|
+
// Allow public routes
|
|
265
|
+
if (publicRoutes.some(route => pathname.startsWith(route))) {
|
|
266
|
+
return next();
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
// Allow static assets
|
|
270
|
+
if (pathname.startsWith('/_astro') || pathname.startsWith('/assets')) {
|
|
271
|
+
return next();
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
const session = await verifySession(context.request);
|
|
275
|
+
|
|
276
|
+
if (!session) {
|
|
277
|
+
if (!pathname.startsWith('/api/')) {
|
|
278
|
+
return context.redirect('/login');
|
|
279
|
+
}
|
|
280
|
+
return new Response(JSON.stringify({ error: 'Unauthorized' }), {
|
|
281
|
+
status: 401,
|
|
282
|
+
headers: { 'Content-Type': 'application/json' },
|
|
283
|
+
});
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
// Attach session to locals
|
|
287
|
+
context.locals.session = session;
|
|
288
|
+
return next();
|
|
289
|
+
});
|
|
290
|
+
```
|
|
291
|
+
|
|
292
|
+
```astro
|
|
293
|
+
---
|
|
294
|
+
// Using locals in pages
|
|
295
|
+
const { session } = Astro.locals;
|
|
296
|
+
---
|
|
297
|
+
<p>Welcome, {session.user.name}</p>
|
|
298
|
+
```
|
|
299
|
+
|
|
300
|
+
## Server-Side Data Fetching
|
|
301
|
+
|
|
302
|
+
```astro
|
|
303
|
+
---
|
|
304
|
+
// Fetch in frontmatter (server-side)
|
|
305
|
+
const response = await fetch(`${import.meta.env.API_URL}/items`, {
|
|
306
|
+
headers: { 'Authorization': `Bearer ${Astro.cookies.get('token')?.value}` },
|
|
307
|
+
});
|
|
308
|
+
const { data: items } = await response.json();
|
|
309
|
+
---
|
|
310
|
+
|
|
311
|
+
<!-- Pass pre-fetched data to React island -->
|
|
312
|
+
<ItemList initialData={items} client:load />
|
|
313
|
+
```
|
|
314
|
+
|
|
315
|
+
## Astro Components
|
|
316
|
+
|
|
317
|
+
```astro
|
|
318
|
+
---
|
|
319
|
+
// src/components/astro/Card.astro
|
|
320
|
+
interface Props {
|
|
321
|
+
title: string;
|
|
322
|
+
class?: string;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
const { title, class: className } = Astro.props;
|
|
326
|
+
---
|
|
327
|
+
|
|
328
|
+
<div class:list={['card', className]}>
|
|
329
|
+
<div class="card-header">
|
|
330
|
+
<h3>{title}</h3>
|
|
331
|
+
<slot name="actions" />
|
|
332
|
+
</div>
|
|
333
|
+
<div class="card-body">
|
|
334
|
+
<slot />
|
|
335
|
+
</div>
|
|
336
|
+
{Astro.slots.has('footer') && (
|
|
337
|
+
<div class="card-footer">
|
|
338
|
+
<slot name="footer" />
|
|
339
|
+
</div>
|
|
340
|
+
)}
|
|
341
|
+
</div>
|
|
342
|
+
|
|
343
|
+
<style>
|
|
344
|
+
.card { background: white; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
|
|
345
|
+
.card-header { padding: 1rem; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; }
|
|
346
|
+
.card-body { padding: 1rem; }
|
|
347
|
+
.card-footer { padding: 1rem; border-top: 1px solid #eee; background: #f9f9f9; }
|
|
348
|
+
</style>
|
|
349
|
+
|
|
350
|
+
<!-- Usage -->
|
|
351
|
+
<Card title="My Card">
|
|
352
|
+
<button slot="actions">Add</button>
|
|
353
|
+
<p>Content here</p>
|
|
354
|
+
<div slot="footer"><button>Save</button></div>
|
|
355
|
+
</Card>
|
|
356
|
+
```
|
|
357
|
+
|
|
358
|
+
## Environment Variables
|
|
359
|
+
|
|
360
|
+
```bash
|
|
361
|
+
# .env
|
|
362
|
+
PUBLIC_API_URL=http://localhost:8080/api # Available client-side
|
|
363
|
+
API_URL=http://localhost:8080/api # Server-only
|
|
364
|
+
JWT_SECRET=your-secret-key # Server-only
|
|
365
|
+
```
|
|
366
|
+
|
|
367
|
+
```typescript
|
|
368
|
+
// src/env.d.ts
|
|
369
|
+
/// <reference types="astro/client" />
|
|
370
|
+
|
|
371
|
+
interface ImportMetaEnv {
|
|
372
|
+
readonly PUBLIC_API_URL: string;
|
|
373
|
+
readonly API_URL: string;
|
|
374
|
+
readonly JWT_SECRET: string;
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
declare namespace App {
|
|
378
|
+
interface Locals {
|
|
379
|
+
session?: { user: { id: string; email: string; name: string } };
|
|
380
|
+
}
|
|
381
|
+
}
|
|
382
|
+
```
|
|
383
|
+
|
|
384
|
+
## View Transitions
|
|
385
|
+
|
|
386
|
+
```astro
|
|
387
|
+
---
|
|
388
|
+
import { ViewTransitions } from 'astro:transitions';
|
|
389
|
+
---
|
|
390
|
+
|
|
391
|
+
<html>
|
|
392
|
+
<head>
|
|
393
|
+
<ViewTransitions />
|
|
394
|
+
</head>
|
|
395
|
+
<body>
|
|
396
|
+
<!-- Named elements for smooth transitions -->
|
|
397
|
+
<h1 transition:name="page-title">{title}</h1>
|
|
398
|
+
|
|
399
|
+
<!-- Persist component state across navigation -->
|
|
400
|
+
<VideoPlayer transition:persist />
|
|
401
|
+
|
|
402
|
+
<!-- Custom animation -->
|
|
403
|
+
<div transition:animate="slide">Content</div>
|
|
404
|
+
</body>
|
|
405
|
+
</html>
|
|
406
|
+
```
|
|
407
|
+
|
|
408
|
+
## Docker Deployment
|
|
409
|
+
|
|
410
|
+
```dockerfile
|
|
411
|
+
FROM node:20-alpine AS builder
|
|
412
|
+
WORKDIR /app
|
|
413
|
+
COPY package*.json ./
|
|
414
|
+
RUN npm ci
|
|
415
|
+
COPY . .
|
|
416
|
+
RUN npm run build
|
|
417
|
+
|
|
418
|
+
FROM node:20-alpine
|
|
419
|
+
WORKDIR /app
|
|
420
|
+
COPY --from=builder /app/dist ./dist
|
|
421
|
+
COPY --from=builder /app/node_modules ./node_modules
|
|
422
|
+
COPY package.json ./
|
|
423
|
+
ENV HOST=0.0.0.0
|
|
424
|
+
ENV PORT=4321
|
|
425
|
+
EXPOSE 4321
|
|
426
|
+
CMD ["node", "./dist/server/entry.mjs"]
|
|
427
|
+
```
|
|
428
|
+
|
|
429
|
+
## Best Practices
|
|
430
|
+
|
|
431
|
+
1. **Minimize JS**: Prefer Astro components for static content, only hydrate interactive elements
|
|
432
|
+
2. **Server fetch**: Fetch data in frontmatter, pass to client components as props
|
|
433
|
+
3. **Small islands**: Hydrate only the interactive part, not the whole page
|
|
434
|
+
4. **Type Props**: Always define `interface Props` for Astro components
|
|
435
|
+
5. **client:visible**: Use for below-the-fold content to reduce initial JS
|
|
436
|
+
|
|
437
|
+
## Related Skills
|
|
438
|
+
|
|
439
|
+
- `frontend-web`: Full frontend stack patterns
|
|
440
|
+
- `mantine-ui`: React component library
|
|
441
|
+
- `tanstack-query`: Data fetching in React islands
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: frontend-design
|
|
3
|
+
description: >
|
|
4
|
+
Create distinctive, production-grade frontend interfaces with high design quality.
|
|
5
|
+
Trigger: building web components, pages, UI, design system, React/Vue/Svelte, CSS, Tailwind
|
|
6
|
+
tools:
|
|
7
|
+
- Read
|
|
8
|
+
- Write
|
|
9
|
+
- Edit
|
|
10
|
+
- Bash
|
|
11
|
+
metadata:
|
|
12
|
+
author: claude-plugins-official
|
|
13
|
+
version: "2.0"
|
|
14
|
+
tags: [frontend, design, css, react, tailwind, ui-ux]
|
|
15
|
+
language: typescript
|
|
16
|
+
updated: "2026-02"
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
|
|
20
|
+
|
|
21
|
+
The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.
|
|
22
|
+
|
|
23
|
+
## Design Thinking
|
|
24
|
+
|
|
25
|
+
Before coding, understand the context and commit to a BOLD aesthetic direction:
|
|
26
|
+
- **Purpose**: What problem does this interface solve? Who uses it?
|
|
27
|
+
- **Tone**: Pick an extreme: brutally minimal, maximalist chaos, retro-futuristic, organic/natural, luxury/refined, playful/toy-like, editorial/magazine, brutalist/raw, art deco/geometric, soft/pastel, industrial/utilitarian, etc. There are so many flavors to choose from. Use these for inspiration but design one that is true to the aesthetic direction.
|
|
28
|
+
- **Constraints**: Technical requirements (framework, performance, accessibility).
|
|
29
|
+
- **Differentiation**: What makes this UNFORGETTABLE? What's the one thing someone will remember?
|
|
30
|
+
|
|
31
|
+
**CRITICAL**: Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work - the key is intentionality, not intensity.
|
|
32
|
+
|
|
33
|
+
Then implement working code (HTML/CSS/JS, React, Vue, etc.) that is:
|
|
34
|
+
- Production-grade and functional
|
|
35
|
+
- Visually striking and memorable
|
|
36
|
+
- Cohesive with a clear aesthetic point-of-view
|
|
37
|
+
- Meticulously refined in every detail
|
|
38
|
+
|
|
39
|
+
## Frontend Aesthetics Guidelines
|
|
40
|
+
|
|
41
|
+
Focus on:
|
|
42
|
+
- **Typography**: Choose fonts that are beautiful, unique, and interesting. Avoid generic fonts like Arial and Inter; opt instead for distinctive choices that elevate the frontend's aesthetics; unexpected, characterful font choices. Pair a distinctive display font with a refined body font.
|
|
43
|
+
- **Color & Theme**: Commit to a cohesive aesthetic. Use CSS variables for consistency. Dominant colors with sharp accents outperform timid, evenly-distributed palettes.
|
|
44
|
+
- **Motion**: Use animations for effects and micro-interactions. Prioritize CSS-only solutions for HTML. Use Motion library for React when available. Focus on high-impact moments: one well-orchestrated page load with staggered reveals (animation-delay) creates more delight than scattered micro-interactions. Use scroll-triggering and hover states that surprise.
|
|
45
|
+
- **Spatial Composition**: Unexpected layouts. Asymmetry. Overlap. Diagonal flow. Grid-breaking elements. Generous negative space OR controlled density.
|
|
46
|
+
- **Backgrounds & Visual Details**: Create atmosphere and depth rather than defaulting to solid colors. Add contextual effects and textures that match the overall aesthetic. Apply creative forms like gradient meshes, noise textures, geometric patterns, layered transparencies, dramatic shadows, decorative borders, custom cursors, and grain overlays.
|
|
47
|
+
|
|
48
|
+
NEVER use generic AI-generated aesthetics like overused font families (Inter, Roboto, Arial, system fonts), cliched color schemes (particularly purple gradients on white backgrounds), predictable layouts and component patterns, and cookie-cutter design that lacks context-specific character.
|
|
49
|
+
|
|
50
|
+
Interpret creatively and make unexpected choices that feel genuinely designed for the context. No design should be the same. Vary between light and dark themes, different fonts, different aesthetics. NEVER converge on common choices (Space Grotesk, for example) across generations.
|
|
51
|
+
|
|
52
|
+
**IMPORTANT**: Match implementation complexity to the aesthetic vision. Maximalist designs need elaborate code with extensive animations and effects. Minimalist or refined designs need restraint, precision, and careful attention to spacing, typography, and subtle details. Elegance comes from executing the vision well.
|
|
53
|
+
|
|
54
|
+
Remember: Claude is capable of extraordinary creative work. Don't hold back, show what can truly be created when thinking outside the box and committing fully to a distinctive vision.
|