Agent Skills
› onecli/onecli
onecli/onecli
GitHub指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、海报或应用，生成具有大胆美学方向和精致细节的高质量代码。
Install All Skills
npx skills add onecli/onecli --all -g -y
Skills in Collection (4)
指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、海报或应用，生成具有大胆美学方向和精致细节的高质量代码。
构建Web组件或页面
设计UI/UX界面
美化前端样式
npx skills add onecli/onecli --skill frontend-design -g -y
基于 Vercel Engineering 的 React 和 Next.js 性能优化指南，提供 57 条规则。用于在编写、审查或重构代码时确保最佳实践，涵盖消除数据瀑布、包体积优化、服务端及客户端性能提升等场景。
编写新的 React 组件或 Next.js 页面
实施数据获取逻辑
审查代码以发现性能问题
重构现有 React/Next.js 代码
优化包体积或加载时间
npx skills add onecli/onecli --skill vercel-react-best-practices -g -y
用于审查 Web 界面代码是否符合设计规范，支持 UI 检查、无障碍审计及 UX 评估。通过抓取最新指南并对照规则文件，输出简洁的违规报告。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add onecli/onecli --skill web-design-guidelines -g -y
帮助用户发现并安装 Agent 技能，支持搜索、展示选项及执行安装命令。适用于用户询问特定功能或扩展能力的场景。
询问如何实现某项功能
寻找特定技能的描述
表达扩展 Agent 能力的兴趣
npx skills add onecli/onecli --skill find-skills -g -y
Dependencies:
<package>
<owner/repo@skill>
vercel-labs/agent-skills@vercel-react-best-practices
