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，强调大胆的美学方向、排版、色彩及动效细节。
构建Web组件或页面
设计UI/UX界面
美化前端布局
生成React/Vue代码
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 画布，支持在线与本地模式。通过自动运行 Canvas Agent 获取 URL 和 Token，在浏览器中打开指定模式的画布界面，简化用户进入画布的操作流程。
用户要求打开、启动或进入 Infinite Canvas 画布
需要使用画布功能进行可视化操作
npx skills add basketikun/infinite-canvas --skill open-canvas -g -y
