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性能优化指南。涵盖消除瀑布流、包体积优化等8大类70条规则，用于指导代码编写、审查与重构，确保最佳性能表现。
编写新的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 画布。默认启动在线版，按需启动本地前端。自动运行 Canvas Agent 获取连接参数，并在浏览器中构建含 mode、agentUrl 和 agentToken 的 URL 以完成连接与画布初始化。
用户要求打开或进入 Infinite Canvas 画布
用户要求启动或使用画布功能
npx skills add basketikun/infinite-canvas --skill open-canvas -g -y
