用途：这是一个面向前端安全编码的技能，用于在开发阶段实际编写安全的前端代码，而不是做高层安全审计。适用场景包括：需要 XSS 防护、输出净化、DOM 安全操作、CSP 配置、点击劫持防护、安全重定向、认证令牌存储等前端安全工作的任务。不适用：与前端安全编码无关的任务，或超出该领域之外的其它工具与主题。
主要能力：输出处理与 XSS 防护（textContent 与 innerHTML 安全、DOMPurify 等净化库集成、上下文感知编码、模板安全、用户生成内容与 Markdown 净化）；Content Security Policy（指令配置、nonce/hash、report-only、违规报告与渐进收紧）；输入校验与净化（白名单校验、ReDoS 防范的正则、文件上传与 URL 校验）；CSS 处理安全（动态样式净化、样式注入与 CSP style-src 集成）；点击劫持防护（frame 检测、X-Frame-Options、CSP frame-ancestors、SameSite cookie）；安全重定向与导航（URL 白名单、开放重定向防范、外部链接 rel=noopener noreferrer）；认证与会话管理（令牌存储、会话超时、多标签同步、WebAuthn、OAuth PKCE）；浏览器安全特性（SRI、Trusted Types、HTTPS 强制、Referrer Policy、跨源策略）；第三方集成、PWA、移动与响应式安全。
使用方式：该技能提供指导、最佳实践与检查清单；使用时应先明确目标、约束与必要输入，套用相关最佳实践并验证结果，给出可执行的步骤与验证方法。行为倾向包括：优先使用 textContent 而非 innerHTML；采用白名单输入校验；用 CSP 阻止脚本注入；导航或重定向前校验用户提供的 URL；仅在生成环境应用 frame-busting（开发环境嵌入 iframe 时禁用或放宽）；用成熟库净化动态内容。
限制：资料未提供具体的安装命令、代码示例、收费标准或平台支持信息，暂未提供。该技能与 security-auditor 的边界是：前者侧重写安全前端代码，后者侧重审计与安全态势评估。