用途：把 Claude 变成 Preact 开发助手，用于构建基于 Web 标准、原生优先、依赖精简的 Web 应用，覆盖原型到中小型生产应用。
主要能力：按项目类型给出架构决策树——独立原型/演示（HTM + Import Maps + 本地 vendor 的 ESM + Tailwind CLI，无构建）；中小型应用（无构建工具，ES 模块组织、Signals 状态、原生路由、静态托管）；复杂应用（Vite/Webpack + TS，必要时 preact/compat）；已有项目则沿用现有模式。默认 HTM 标签模板而非 JSX，并给出 JSX→HTM 转换规则、组件模式（Hooks、Signals、Suspense、Context、错误边界）、样式策略（Tailwind CLI 生成精简 CSS）、依赖评估框架、可访问性与渐进增强标准、容器内 Playwright 测试流程。
使用方式：独立示例使用给定 import map（preact、preact/hooks、@preact/signals-core、@preact/signals、htm、htm/preact 指向 ./vendor/），通过 bash scripts/vendor.sh 从 registry.npmjs.org 本地 vendor 依赖；以 assets/boilerplate.html 为起点，代码应作为可迭代编辑的 artifact 交付。测试时可用 bash scripts/vendor.sh、npm install tailwindcss@3 --save-dev、npx tailwindcss -o vendor/tailwind.css --content ".html" --minify，再 python3 -m http.server 8765 本地服务，并用 Playwright（--no-sandbox）检查控制台错误与渲染。
适用场景：Preact 项目、CSV/JSON 数据可视化、HTM 单页应用、WebGL/着色器可视化、Web Components 集成、零构建原型、强调可访问性与性能的渐进式 Web 应用。
限制：不推荐 CDN（含 esm.sh、Tailwind CDN），不推荐未确认环境就上 npm 工具链，不提前优化。资料未提供版本兼容细节、部署平台限制、价格与授权信息，具体安全与浏览器支持范围暂未提供。