前端开发 相关 Skills

帮助前端开发者解决移动端响应式布局与导航问题的实用工作流。

帮助用户解决移动端响应式布局问题，提供可执行的修复方案与工作流程。

审查 React/TypeScript 组件的正确性、可访问性与状态管理，提供最小安全修改建议。

自动检测React代码的性能、包体积与最佳实践问题，提供修复建议。

提供 Tab UI 组件的设计模式、可访问性及响应式实现指南。

提供前端 Tooltip 组件的设计与实现指南，涵盖定位、可访问性及触发模式。

生成高品质、有创意的生产级前端界面代码，避免通用AI风格。

生成高品质、有创意的前端界面代码，避免通用AI风格。

根据需求生成高质感、可落地的前端页面，支持响应式与交互效果。

生成具有独特美学的生产级前端界面，避免通用AI风格。

生成具有独特美学风格的生产级前端界面代码，避免通用AI设计。

根据自然语言描述生成可直接使用的 React + Tailwind UI 组件。

用于构建可复用的前端组件与页面结构，遵循 Weline 规范。

适用于用户需要视觉指引、界面层级、布局决策、设计规范或原型，以指导网页或小程序UI实现前的场景。

设计独具特色的用户界面，避免使用通用的AI生成视觉风格。

创建高品质、可生产的前端界面，适用于网页组件、页面或应用开发。

构建高品质、可生产的前端界面，适用于 Web 组件、页面或应用开发。

使用高质量设计打造可生产部署的前端界面，适用于构建网页组件、页面或应用。

创建具有高设计质量、独特且可用于生产的前端界面。当用户要求构建 Web 组件、页面、海报或应用（如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或美化任何 Web UI）时使用。生成有创意、精致的代码与 UI 设计，避免通用 AI 审美。

前端 UI 界面设计。当用户要创建网页、landing page、dashboard、React/Vue 组件、前端页面时触发。 输出 HTML/CSS/JS 代码。不适用于：静态图片设计（用 canvas-design）、公众号配图（用 weixin-canvas-design）。