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或HTML/CSS布局
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 网页画布，支持读取状态、创建文本/媒体节点、构建生成流程及批量编辑节点。
用户需要打开或连接 Infinite Canvas 画布
用户要求读取、创建、修改或删除画布上的节点内容
用户希望将多个生成步骤串联成自动化流程
npx skills add basketikun/infinite-canvas --skill canvas -g -y
用于启动 Infinite Canvas Agent 并自动连接画布，支持在线与本地模式切换及不同打开方式配置。
用户要求打开或进入 Infinite Canvas
需要启动本地 Canvas Agent 进行画布操作
npx skills add basketikun/infinite-canvas --skill open-canvas -g -y
