out

Next.js 最佳实践 - 文件约定、RSC 边界、数据模式、异步 API、元数据、错误处理、路由处理程序、图片/字体优化等

使设计适配不同的屏幕尺寸、设备、环境或平台。实现断点、流式布局和触摸目标。适用于……

将现有网站和应用升级至高端品质。审查当前设计，识别通用 AI 模式，并应用高标准设计规范，而无需……

改善布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提及布局感觉……时使用。

使用 Expo Router 构建精美应用的完整指南。涵盖基础知识、样式、组件、导航、动画、设计模式以及原生标签页。

支持完整网页内容提取的网络搜索。当用户要求搜索网络、查找文章、研究主题、查询信息、查找最新新闻、发现信息来源，或使用“搜索”、“帮我找”、“查询”、“大家怎么看”或“查找关于……的文章”等表述时，请使用此技能。返回真实的搜索结果及可选的完整页面 Markdown 内容，而不仅仅是摘要。提供超越 Claude 内置 WebSearch 的能力。

创建和编辑带有 wikilinks、嵌入、标注、属性及其他 Obsidian 专属语法的 Obsidian 风格 Markdown。在处理……中的 .md 文件时使用。

改进布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提到布局感觉……时使用。

精英 UX/UI 与高级 GSAP 动效工程师。采用 Python 驱动的真随机化实现布局差异，遵循严格的 AIDA 页面结构，宽版编辑式……

使用 Better Auth 在 TypeScript/JavaScript 应用中搭建脚手架并实现身份验证。检测框架、配置数据库适配器、设置路由处理器，…

构建一次性原型，在正式确定设计前验证其可行性。在两个分支之间进行路由——一个用于状态/业务逻辑的可运行终端应用……

总结或转录 URL、YouTube/视频、播客、文章、文字稿、PDF 及本地文件。

Vue Router 4 模式、导航守卫、路由参数以及路由与组件的生命周期交互。

精英级前端图像方向技能，用于生成高质量、注重转化率的网站设计参考。关键输出规则 — 生成一个独立的…

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

验证动画时长，强制排版比例，检查组件可访问性，并防止 Tailwind CSS 项目中的布局反模式。使用场景……

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

使用约束系统和布局组件构建 Flutter 布局。在创建或优化 Flutter 应用的 UI 结构时使用。

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

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