Files
awoooi/.agents/workflows/awoooi-frontend-aesthetics.md
OG T 7478dc0254 feat(phase6-9): Complete modular architecture and Agent Teams
Phase 6.4 - Modular Architecture:
- Add lewooogo-brain adapters for LLM providers
- Add lewooogo-data dual memory (Redis + PostgreSQL)
- Implement consensus engine for multi-agent decisions
- Add incident memory service for historical context

Phase 9 - Agent Teams (Claude Agent SDK):
- Add base agent class with Claude Sonnet 4 integration
- Implement action planner, blast radius, and security agents
- Add agent API endpoints and proposal workflow
- Integrate ADR-009 OpenClaw Agent Teams architecture

DevOps & CI/CD:
- Add GitHub Actions CI/CD workflows (ci.yaml, cd.yaml)
- Add pre-commit hooks and secrets baseline
- Add docker-compose for local development
- Update Kubernetes network policies

Frontend Improvements:
- Add auto-healing error boundary component
- Update i18n messages for agent features
- Enhance dual-state incident card with execution feedback

Documentation:
- Add 7 ADRs covering MCP, design system, architecture decisions
- Update ARCHITECTURE_MEMORY.md with modular design
- Add GLOBAL_RULES.md and SOUL.md for project identity

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-03-23 18:40:36 +08:00

964 B

description
description
前端開發與 Nothing.tech 美學規範 (Frontend Development & Aesthetics)

awoooi-frontend-aesthetics

管轄範圍

apps/web (Next.js 14, Zustand, Tailwind)

核心約束 (AWOOOI 憲法)

  1. Nothing.tech 純白工業風: 絕對禁止使用深色漸層或遮蔽數據的色塊。必須使用 bg-white/70 backdrop-blur-[20px] (白玻璃)、VT323 點陣字體,以及 claw-blue (#4A90D9) 作為 AI 提示色。
  2. 狀態與串流防護: 必須使用 Zustand 處理 SSE (Server-Sent Events) 的 Buffer 與 Exponential Backoff。
  3. 禁止虛假數據: 絕對禁止使用 Mock Data 隱瞞 API 錯誤,必須直接渲染 404/500。

強制交付驗證 (Pre-Commit Verification)

當你修改 apps/web/ 下的任何程式碼後,必須自主執行以下命令以確認沒有 Hydration Error 或是宣告錯誤。

// turbo-all

cd apps/web && pnpm exec tsc --noEmit
cd apps/web && pnpm run build