Agent Skills
› onecli/onecli
onecli/onecli
GitHub用于创建独特、生产级的前端界面，避免通用AI美学。指导在构建Web组件、页面或应用时，通过大胆的美学方向、精选字体、色彩及动效，实现视觉惊艳且功能完备的代码生成。
Install All Skills
npx skills add onecli/onecli --all -g -y
Skills in Collection (4)
用于创建独特、生产级的前端界面，避免通用AI美学。指导在构建Web组件、页面或应用时，通过大胆的美学方向、精选字体、色彩及动效，实现视觉惊艳且功能完备的代码生成。
用户要求构建网页组件或页面
需要美化或设计前端UI界面
请求生成React/Vue/HTML/CSS代码
npx skills add onecli/onecli --skill frontend-design -g -y
基于Vercel工程团队的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及最佳实践。通过Fetch获取最新指南，逐条校验指定文件并输出简洁的违规位置报告。
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
协助用户发现和安装代理技能。当用户询问如何实现特定功能、寻找工具或希望扩展能力时，使用 Skills CLI 搜索并推荐相关技能包，支持交互式查询和一键安装。
询问如何完成某项任务（如“如何做X”）
明确请求查找技能（如“找X的技能”）
询问是否具备某种专业能力（如“能做X吗”）
表达对扩展能力的兴趣
提及需要特定领域帮助（如设计、测试等）
npx skills add onecli/onecli --skill find-skills -g -y
Dependencies:
<package>
<owner/repo@skill>
vercel-labs/agent-skills@vercel-react-best-practices
