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
npx skills add basketikun/infinite-canvas --skill frontend-design -g -y
Vercel官方React与Next.js性能优化指南，涵盖消除数据瀑布流、Bundle优化及服务端性能等70条规则。适用于编写、审查或重构代码以提升应用性能。
编写React组件或Next.js页面
实施客户端或服务端数据获取
审查代码以发现性能问题
重构现有React/Next.js代码
优化Bundle大小或加载时间
npx skills add basketikun/infinite-canvas --skill vercel-react-best-practices -g -y
指导 Agent 操作 Infinite Canvas 网页画布，涵盖状态读取、节点创建（文本/媒体）、流程编排及批量修改。禁止模拟点击或要求用户手动复制数据，强调结构化与中文交互。
用户请求打开或连接 Infinite Canvas
需要读取、创建、编辑或删除画布上的节点
需要将多个生成步骤串联为工作流
需要在画布上进行批量增删改或移动操作
npx skills add basketikun/infinite-canvas --skill canvas -g -y
自动启动 Canvas Agent 并生成连接参数，在浏览器中打开 Infinite Canvas 在线或本地画布。支持新建、最近及自选模式，无需手动配置地址和 Token。
用户要求打开或启动 Infinite Canvas
用户希望进入或使用画布功能
npx skills add basketikun/infinite-canvas --skill open-canvas -g -y
