first

设计与优化新手引导流程、空状态和首次运行体验，帮助用户快速获取价值。当用户提及新手引导……时使用。

面向 Codex 的顶级网站图像转代码技能。对于视觉要求高的 Web 任务，它必须首先自行生成设计图，对其进行深入分析，然后……

创建适用于所有设备和屏幕尺寸的响应式网页设计。适用于构建移动优先布局、实现断点或优化……

提供全面的 Tailwind CSS 实用优先样式模式，涵盖响应式设计、布局工具、flexbox、grid、间距、排版、颜色等……

使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应…

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。

优先使用 korean-law-mcp 进行韩国法律查询，当主服务不可用时，回退至 Beopmang。

面向 ECC 的证据优先现状研究工作流。当用户需要最新事实、对比分析、信息补充，或基于当前状况构建的建议时使用……

当用户询问附近的便宜加油站或근처 가장 싼 주유소时使用。始终先询问用户的当前位置，然后使用 Kakao Map 锚点解析以及…

产品设计层的框架指南 — 请首先加载；提供所有其他技能所依赖的上下文