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组件代码
实施数据获取策略优化
重构现有代码以提升性能
优化应用打包体积或加载速度
npx skills add educlopez/smoothui --skill vercel-react-best-practices -g -y
用于审查UI代码是否符合Web界面指南，支持访问性检查、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性能优化指南，涵盖45条规则。用于指导新代码编写、代码审查及重构，确保组件、数据获取和打包等场景的性能最优。
编写或重构React/Next.js代码
进行代码审查以发现性能问题
优化数据获取策略
减小Bundle体积或提升加载速度
npx skills add educlopez/smoothui --skill vercel-react-best-practices -g -y
用于审查 Web UI 代码是否符合界面指南，支持访问性、UX 审计及最佳实践检查。通过获取最新规则并比对指定文件，以 terse 格式输出合规性问题。
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
提供SmoothUI动画React组件的安装、配置与扩展指南，支持通过shadcn CLI添加按钮、卡片等UI元素及主题，遵循特定动画规范并适配无障碍访问。
需要为项目添加带动画效果的React UI组件
集成或自定义SmoothUI主题和页面模块
遵循Motion动画最佳实践进行前端开发
npx skills add educlopez/smoothui --skill smoothui -g -y
用于在SmoothUI项目中创建、改进或审查组件，通过严格流程确保动画、无障碍和性能。触发于构建、修复或审查组件请求。
create component
build component
new component
add component
improve component
fix component
review component
add variant
refactor component
npx skills add educlopez/smoothui --skill smoothui-component-craft -g -y
