browser-debugger
使用 Chrome DevTools MCP 和 AI 视觉模型进行 UI 测试、设计一致性验证及浏览器调试。
探索可复用的代理技能,查看实现细节,快速找到适合你工作流程的技能。
共找到 95 个技能
使用 Chrome DevTools MCP 和 AI 视觉模型进行 UI 测试、设计一致性验证及浏览器调试。
Next.js React Server Components (RSC) 指南,涵盖服务器与客户端组件边界、数据获取及组合模式。
使用标准的“As a/I want/So that”框架编写结构良好的用户故事,并包含清晰的验收标准,以确保敏捷团队的一致性。
为 Next.js、Tailwind CSS 和 React 应用程序分析并实现实用且具目的性的 UI 动画,重点在于用户体验、性能与无障碍设计。
Tamagui 库架构、配置、编译器优化与组件模式的最佳实践。
根据 components.build 规范构建现代化、可组合且易于访问的 React UI 组件。适用于设计系统、组件库及可重用 UI 架构的开发与维护。
审查 UI 代码以符合 Web 界面准则。自动检查可访问性、设计标准及 UX 最佳实践。
使用现代 ES 模块构建高性能 Three.js 网页场景。涵盖场景图设置、灯光、几何体、GLTF/GLB 模型加载、动画循环以及性能优化最佳实践。
提供 UI 审阅的预定义设计系统参考,涵盖 Material Design 3、Apple HIG、Tailwind UI、Ant Design 及 Shadcn/ui 等。
一套设计系统与反模式指南,让 AI 生成的界面更具人工质感。通过管理色彩、排版、间距与动画,为 Toh Framework 提供专业的视觉品质。
一套用于开发与打包复杂、多组件 React/TypeScript 网页实体的工具包,整合了 Vite、Tailwind CSS 与 shadcn/ui。
一套包含超过 305 个模块化指令包、Python CLI 工具与代理工作流的综合库,专为扩展 Claude Code、Cursor、Aider 与 Gemini CLI 等 AI 编程辅助工具的能力而设计。