Agent Skills
› educlopez/smoothui
educlopez/smoothui
GitHub基于Vercel工程团队的React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端渲染等45条规则，用于指导代码编写、审查及重构以实现最佳性能。
Install All Skills
npx skills add educlopez/smoothui --all -g -y
Skills in Collection (6)
基于Vercel工程团队的React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端渲染等45条规则，用于指导代码编写、审查及重构以实现最佳性能。
编写新的React组件或Next.js页面
实施数据获取逻辑
审查代码以发现性能问题
重构现有React/Next.js代码
优化包体积或加载时间
npx skills add educlopez/smoothui --skill vercel-react-best-practices -g -y
审查UI代码以符合Web界面指南。通过获取最新规则并检查指定文件，输出合规性问题，适用于UI、UX审计及无障碍检查等场景。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add educlopez/smoothui --skill web-design-guidelines -g -y
基于Vercel工程团队的React和Next.js性能优化指南，涵盖消除数据瀑布、包体积优化及渲染性能等规则，用于指导代码编写、审查与重构。
编写或重构React组件和Next.js页面
进行前端代码性能审查
优化数据获取策略
减小Bundle体积
npx skills add educlopez/smoothui --skill vercel-react-best-practices -g -y
审查前端UI代码是否符合Web界面规范。通过抓取最新指南，检查文件合规性并输出问题位置，支持审查、无障碍检查和UX审计等场景。
审查UI代码
检查无障碍访问
审计设计
审查用户体验
检查网站最佳实践
npx skills add educlopez/smoothui --skill web-design-guidelines -g -y
安装和使用基于React、Tailwind CSS v4和Motion的SmoothUI动画组件库，支持通过shadcn CLI添加按钮、卡片及页面区块，并提供主题配置与动画规范指导。
需要添加带有平滑动画效果的React UI组件
集成SmoothUI提供的页面区块或颜色主题
npx skills add educlopez/smoothui --skill smoothui -g -y
用于 SmoothUI 项目中组件的创建、改进、修复和审查。通过严格的多阶段工作流，协调界面设计、动画实现与最佳实践，确保生产级质量、可访问性与高性能。
创建新组件
构建组件
添加变体
改进现有组件
修复组件 Bug
审查组件质量
npx skills add educlopez/smoothui --skill smoothui-component-craft -g -y
