Agent Skills
› basketikun/infinite-canvas
basketikun/infinite-canvas
GitHub指导创建独特、生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用及UI美化，强调大胆的美学方向和精致的视觉细节实现。
Install All Skills
npx skills add basketikun/infinite-canvas --all -g -y
Skills in Collection (4)
指导创建独特、生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用及UI美化，强调大胆的美学方向和精致的视觉细节实现。
用户要求构建网站或着陆页
需要设计React/Vue组件
请求美化或重构现有Web UI
npx skills add basketikun/infinite-canvas --skill frontend-design -g -y
基于 Vercel Engineering 的 React 和 Next.js 性能优化指南，提供70条规则用于指导代码编写、审查及重构，确保采用最佳性能模式。
编写新的 React 组件或 Next.js 页面
实施数据获取逻辑
审查代码以发现性能问题
重构现有 React/Next.js 代码
优化打包体积或加载速度
npx skills add basketikun/infinite-canvas --skill vercel-react-best-practices -g -y
指导 Agent 操作 Infinite Canvas 网页画布，通过 MCP 工具读取状态、创建文本/媒体节点、构建生成流程及批量管理节点连接与布局。
用户需要操作或改动画布内容
用户请求在画布中创建文本、图片或视频节点
用户希望将多个节点串联成生成流程
npx skills add basketikun/infinite-canvas --skill canvas -g -y
用于启动 Infinite Canvas 画布环境，自动连接本地 Agent 并在浏览器中打开画布界面，支持在线或本地模式切换。
用户要求打开画布
用户要求启动 Infinite Canvas
用户要求进入画布
npx skills add basketikun/infinite-canvas --skill open-canvas -g -y
