ui-ux-pro-max-skill

Name: ui-ux-pro-max-skill
Author: nextlevelbuilder

@nextlevelbuilder · 来源 VoltAgent/awesome-agent-skills · ★ 145,959

编程开发

这个技能能做什么

汇集 UI/UX 设计模式与最佳实践，用于页面布局、组件设计和交互流程的改进建议，辅助代理在实现界面时做出更合理的设计取舍。

原始描述：UI/UX design patterns and best practices

怎么用

安装后，可以对 Agent 说：『帮我看看这个表单页的布局和交互还能怎么改』，它会结合设计模式给出改进建议并落实到组件。

安装命令

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

在支持 Agent Skills 的工具中执行；完整说明与文件结构请查看 GitHub 仓库。

兼容 Agent

通用标准

遵循 Agent Skills 开放标准，支持该标准的工具（Claude Code、Codex、Cursor、Gemini CLI 等）通常都可安装；具体以技能仓库说明为准。

安全与来源

技能会读取文件或执行命令，安装前请查看仓库中的 SKILL.md 与脚本，确认权限范围；本站只做索引，不保证第三方技能安全性。

安全状态：未审计License：MIT仓库更新：2026-11-05

#编程开发 #Agent Skill #nextlevelbuilder

查看 GitHub 仓库原始链接报告安装失败 / 失效

同分类技能

查看全部 →

mcp-builder

@anthropics

官方精选

指导创建 MCP 服务器，把外部 API 与服务接入支持 MCP 的客户端，适合封装数据源或工具能力，产出服务端实现。

编程开发★ 187,972137,670 安装

web-artifacts-builder

@anthropics

官方精选

用于构建较复杂的 claude.ai HTML 产物，基于 React 与 Tailwind 组织页面和组件，适合制作可交互的网页演示或原型。

编程开发★ 187,972116,509 安装

webapp-testing

@anthropics

官方精选

使用 Playwright 对本地 Web 应用进行自动化测试，可模拟页面操作并检查行为，适合验证界面流程、表单和交互。

编程开发★ 187,972198,544 安装

composition-patterns

@vercel-labs

官方精选

讲解 React 组件组合与可复用模式，适合拆分复杂组件、设计组件接口和提升复用性，产出更清晰的组件结构。

编程开发★ 33,624

react-best-practices

@vercel-labs

官方精选

汇总 React 开发的最佳实践与常用模式，涉及组件设计、状态管理和性能优化，适合审查或改进现有 React 代码。

编程开发★ 33,624

react-native-skills

@vercel-labs

官方精选

提供 React Native 的开发实践与性能建议，涉及渲染、长列表和原生交互等常见问题，适合优化移动端应用实现。

编程开发★ 33,624