用途：以纯 HTML 和 CSS 构建网页，只有在需求明确需要交互或状态变化时才加入 JavaScript。适合落地页、静态页面、简单交互页面，以及从需求、参考或粗略想法出发的代码优先工作。
主要能力与工作流：先明确页面目标与约束，再判断是否真的需要 JavaScript；若 HTML 与 CSS 即可满足需求，则不加。研究顺序为 context7 查官方文档与标准用法，ref-skill 查 GitHub 示例与真实代码，grok-search 查概念、权衡、最佳实践及非技术问题。若页面需要图片，先用文字描述场景并生成搜索关键词，通过 grok-search 从 Unsplash、Pexels、Pixabay 或 Google Custom Search JSON API 等来源找候选图片 URL，再用 desktop-commander 下载到本地；最终 HTML 与 CSS 只能引用本地图片路径。图片选择是重试循环：候选 URL 出现 404、403、超时、异常重定向或下载文件损坏、无法渲染时，换另一张候选图重试，不得用纯色块、渐变面板或占位图替代图片主导区块。可用 frontend-design 改进布局与视觉方向，用 uncodixfy 避免通用 AI 风格。用 desktop-commander 本地实现，保持页脚在内容较短时仍位于底部。用 playwright-skill 验证页面，用 chrome-devtools 检查控制台、网络、布局、图片加载与页脚位置；仅在确实需要响应式时用 adapt，仅在最终润色时用 polish。
限制与护栏：默认路径保持轻量，不引入任务管理器、Figma、GitHub、Vercel 等无关技能；不习惯性添加 JavaScript，不生成不必要的 script 标签、内联处理器或额外 JS 文件；不把找到的图片 URL 当作完成，必须成为可用的本地文件；chrome-devtools 是必需检查步骤；除非用户明确要求，不升级到框架。资料未提供具体安装命令、收费与平台信息。