核心用法
Web Coder 是一款面向全栈 Web 开发的知识增强型 Skill，旨在将 AI 助手转化为具备深度技术功底的"10x 工程师"角色。其核心用法包括：
1. 技术术语精准翻译：将模糊的业务需求（如"让网站更快"）转化为具体的技术实现（如"优化 LCP、实施代码分割、配置 CDN 缓存"）。
2. 15 大领域专家咨询：覆盖 HTML 语义化、CSS 现代布局、JavaScript 异步模式、HTTP 协议、Web 安全、性能优化、无障碍访问等完整技术栈，每个领域均配备独立参考文档。
3. 标准化开发工作流：内置四大标准化流程——从需求到实现的功能开发流程、问题分层调试流程、性能基准优化流程、纵深防御安全实施流程。
4. 代码模式与反模式指导：提供渐进增强、响应式设计、无障碍组件、性能优化等可复用代码模板，同时明确标注禁忌实践（如禁用 eval()、避免表格布局）。
显著优点
- 知识架构系统化：15 个参考文档构成完整的 Web 技术知识图谱，从浏览器渲染引擎到服务器基础设施，实现全栈覆盖。
- 标准权威性高：严格遵循 W3C、WHATWG、ECMAScript 官方规范，引用 MDN、TC39 等权威来源，确保技术建议的时效性与正确性。
- 上下文感知能力强：针对前端、后端、DevOps 等不同场景，同一术语（如"性能"）可给出差异化的精准解读。
- 安全零风险：纯 Markdown 文档型 Skill，无可执行代码、无网络调用、无敏感信息处理，通过六维安全检测。
- 可验证性设计：每个工作流程配备明确的验证清单（Validation Checklist），支持开发质量的可度量管理。
潜在缺点与局限性
- 非交互式代码生成：该 Skill 本质是知识库，不直接生成可运行代码，开发者仍需手动实现具体逻辑。
- 技术更新依赖人工：Web 标准迭代迅速（如 CSS Container Queries、HTTP/3），文档内容需要定期维护更新，当前版本未体现自动化版本追踪机制。
- 框架特定知识有限：虽涵盖通用架构模式（MVC、SPA、SSR），但对 React、Vue、Angular 等具体框架的深度集成指导较少。
- 无实时浏览器兼容性数据：未集成 caniuse 等实时兼容性查询，开发者需自行验证特定 API 的浏览器支持情况。
适合的目标群体
- 全栈开发者：需要快速查阅跨领域技术细节，或解决跨层技术问题的工程师。
- 技术团队负责人：需要制定团队编码规范、审查技术方案、统一术语沟通标准的领导者。
- 进阶学习者：已具备基础，希望系统理解 Web 技术底层原理与工程化最佳实践的中高级开发者。
- 跨职能协作人员：产品经理、设计师等需要准确理解技术可行性、与开发团队高效沟通的非技术角色。
使用风险
- 代码实施风险：Skill 提供的代码示例（如安全头部配置、Service Worker 实现）需根据实际生产环境调整，盲目复制可能导致配置错误。
- 权限命令误用：文档中包含 sudo 系统命令示例，虽明确标注为示例用途，但缺乏权限警告可能导致误操作。
- 性能预算误解：Core Web Vitals 目标值（如 LCP < 2.5s）需结合实际用户网络环境评估，机械套用可能引发过度优化。
- 许可证信息缺失：当前 Skill 未声明具体开源协议，商业场景使用前建议联系维护者确认授权条款。
该 Skill 作为 ClawHub 平台 T2 可信来源的知识型工具，是 Web 开发领域的权威参考资源，适合作为技术决策支持系统使用。