用途：为 PHP+SaaS 应用的前端 JavaScript 代码提供可复用的设计模式指导，用于组织代码结构、实现事件驱动 UI 与模块解耦。技能适用于需要可复用判断、领域约束或成熟工作流的任务，不适用于与该主题无关或只需简单答案的请求。
主要能力：覆盖 Module（IIFE+闭包）、Observer/EventBus（PubSub）、Factory、Strategy、Command（含撤销/重做）、Repository（前端数据层）、Mediator、State Machine、Singleton（谨慎使用）、Decorator、异步性能模式等。核心原则：每个功能是一个模块；组件通过事件而非直接引用通信；数据访问放在 Repository 中而非分散的 fetch 调用。
技术适配：✅ 原生 JS、PHP SaaS、ES2020+、无框架；❌ React/Vue、Node.js 服务端。
使用方式：先阅读 SKILL.md，再按需加载 references/ 目录下的深入文件，避免默认加载全部引用。应用有序的指导、检查清单与决策规则，而非挑选孤立片段。产出应包含实现指导、评审发现、架构决策、模板或生成制品，并在适用时明确假设、风险与后续工作。交付物示例包括按 adr-template.md 撰写的模式使用决策记录（如 docs/web/js-patterns-adr.md，覆盖 Module/Observer/Factory/Strategy/Mediator 等模式选择）。需先收集相关项目背景、约束与具体问题，并确认期望交付物：设计、代码、评审、迁移计划、审计或文档。
限制：不适用于与 javascript-patterns 无关的任务；当请求只需琐碎答案时不应使用。示例不应被视为可直接复制粘贴的真理，需检查适配性、约束与失败模式。项目级细节与部分模式的深入内容位于 references/skill-deep-dive.md 等文件，本条目未完整提供，故具体代码与完整工作流请以实际引用文件为准。官方定价、平台或额外效果暂未提供。