Agent Skills
› basketikun/infinite-canvas
basketikun/infinite-canvas
GitHub指导创建独特且生产级的前端界面，避免通用AI审美。在构建网页、组件或应用时触发，强调大胆的美学方向、精细的排版与动效，生成具有视觉冲击力和记忆点的代码。
Install All Skills
npx skills add basketikun/infinite-canvas --all -g -y
Skills in Collection (4)
指导创建独特且生产级的前端界面，避免通用AI审美。在构建网页、组件或应用时触发，强调大胆的美学方向、精细的排版与动效，生成具有视觉冲击力和记忆点的代码。
构建Web组件或页面
美化UI样式
设计前端界面
npx skills add basketikun/infinite-canvas --skill frontend-design -g -y
提供Vercel工程团队的React与Next.js性能优化最佳实践指南，涵盖消除数据瀑布、包体积优化及服务端渲染等规则，用于指导代码编写、审查与重构。
编写或重构React组件和Next.js页面
进行前端代码性能审查
优化数据获取策略或包体积
npx skills add basketikun/infinite-canvas --skill vercel-react-best-practices -g -y
操作 Infinite Canvas 网页画布，支持读取状态、创建文本/媒体节点、生成内容及连接流程。优先调用 MCP 工具自动化操作，避免手动复制数据，确保节点布局清晰且符合中文交互习惯。
用户需要操作 Infinite Canvas 画布
用户请求在画布中创建或生成内容
用户希望连接或管理画布节点
npx skills add basketikun/infinite-canvas --skill canvas -g -y
用于启动 Infinite Canvas Agent 并自动构建连接 URL，在浏览器中打开在线或本地画布。支持新建、最近或选择模式，简化用户访问画布的流程。
用户要求打开 Infinite Canvas
用户要求启动或使用画布功能
npx skills add basketikun/infinite-canvas --skill open-canvas -g -y
