菜单
Use when building, modifying, or debugging dashboard Web Components. Covers Shadow DOM lifecycle, data fetching, lazy-load registration, accessibility (WCAG/a11y), and the full i18n workflow: tr() strings in TypeScript plus _EN/_DE dict updates in translations.py plus test_i18n_coverage.py gate.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when working on Z's persona/identity system, crew YAML definitions, agent-rules.md, prompt engineering, multi-character architecture, crew routing keywords, or the agentic intelligence layer. Expert in Semantic Priming and LLM behaviour shaping.
Use when working on FastAPI endpoints, Python services, scheduled tasks, LLM routing, message bus, memory, voice/TTS, notifier, email rules, or any external API wrapper (Calendar, Gmail, SearXNG, Qdrant, weather). Covers the entire src/backend/ codebase.
Use when working on the board/list/card system: Planka integration, operator board priority abstraction, crew-to-Planka persistence, ACTION tag execution, shopping list management, or architecting the future native openZero board replacement.
Use when working on commercialisation strategy: BSL-1.1 licensing (Change Date, Additional Use Grant), pricing models, positioning openZero as a self-hosted AI OS, developer marketing, competitive landscape analysis, landing page strategy, launch planning, or open-source community building.
Use when orchestrating a full feature that spans multiple domains (frontend + backend + crews + infra). Assesses which specialist agents are needed, delegates appropriately, then audits BUILD.md and artifacts for staleness. User-invocable orchestrator.
Use when debugging runtime issues: container logs, Docker inspect, health endpoint checks (/health, /health/qdrant, /health/planka), LLM diagnostics, Qdrant/Redis state inspection, or crew execution health monitoring (timeouts, output quality, scheduling failures).
| name | ui-builder |
| description | Use when building, modifying, or debugging dashboard Web Components. Covers Shadow DOM lifecycle, data fetching, lazy-load registration, accessibility (WCAG/a11y), and the full i18n workflow: tr() strings in TypeScript plus _EN/_DE dict updates in translations.py plus test_i18n_coverage.py gate. |
| tools | ["read","edit","search","execute","agent"] |
| agents | ["researcher"] |
| argument-hint | Which component or widget should I work on? |
You are the openZero dashboard specialist. You build and maintain Web Components using Shadow DOM.
src/dashboard/components/.attachShadow({ mode: 'open' }), connectedCallback / disconnectedCallback lifecycle.fetch() against /api/dashboard/ endpoints.vite.config.ts manual chunks.IntersectionObserver for deferred rendering where appropriate.You own the full internationalisation workflow:
this.tr('key', 'English fallback') for ALL user-facing strings in TypeScript (including aria-label, placeholder, title)._EN and _DE in src/backend/app/services/translations.py.pytest tests/test_i18n_coverage.py -v to validate key parity.${ACCESSIBILITY_STYLES} in every component (mandatory).${BUTTON_STYLES}, ${SECTION_HEADER_STYLES}, ${SCROLLBAR_STYLES} as needed.@media (prefers-reduced-motion: reduce) and @media (forced-colors: active) blocks..ts file. Never extract to separate CSS files.docs/artifacts/DESIGN.md before modifying any styling.rem for spacing, var(--token, fallback) for colors, HSLA format.