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美学。指导用户构建网页组件、页面或应用，强调大胆的审美方向、排版、色彩及动效细节。
构建网页组件或页面
生成React/Vue代码
美化Web UI
设计仪表盘或落地页
npx skills add basketikun/infinite-canvas --skill frontend-design -g -y
基于Vercel工程的React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化等70条规则。用于编写、审查或重构代码时确保最佳性能模式。
编写新的React组件或Next.js页面
实施数据获取逻辑
审查代码以发现性能问题
重构现有React/Next.js代码
优化包大小或加载时间
npx skills add basketikun/infinite-canvas --skill vercel-react-best-practices -g -y
用于操作 Infinite Canvas 网页画布，支持读取状态、创建文本/媒体节点、构建生成流程及批量管理节点连接。
用户需要打开或连接 Infinite Canvas
用户请求读取、创建、修改或删除画布节点
用户要求构建 AI 内容生成流程
npx skills add basketikun/infinite-canvas --skill canvas -g -y
用于启动 Infinite Canvas 在线或本地画布并连接 Canvas Agent。支持自动获取连接信息，默认新建画布，也可指定最近或自选模式，简化用户交互流程。
打开 Infinite Canvas
启动本地画布
进入画布界面
npx skills add basketikun/infinite-canvas --skill open-canvas -g -y
