Agent Skills
› basketikun/infinite-canvas
basketikun/infinite-canvas
GitHub指导创建具有独特美学和高品质设计的生产级前端界面。涵盖设计思维、字体排版、色彩主题、动效及空间构图，旨在避免通用AI审美，生成令人难忘的Web组件与页面代码。
Install All Skills
npx skills add basketikun/infinite-canvas --all -g -y
Skills in Collection (4)
指导创建具有独特美学和高品质设计的生产级前端界面。涵盖设计思维、字体排版、色彩主题、动效及空间构图，旨在避免通用AI审美，生成令人难忘的Web组件与页面代码。
构建网页组件或页面
生成Dashboard或落地页
美化Web UI
创建React/Vue/H5布局
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
指导 Agent 操作 Infinite Canvas 网页画布，包括读取状态、创建文本/媒体节点、生成内容及连接流程。禁止模拟鼠标或要求用户手动复制信息，确保交互自动化且界面清晰。
用户需要打开或连接 Infinite Canvas 画布
用户请求在画布上创建、编辑、移动或连接节点
用户希望生成文本、图片、视频或音频并添加到画布
npx skills add basketikun/infinite-canvas --skill canvas -g -y
用于在 Codex 中打开 Infinite Canvas 画布，自动启动本地 Agent 并获取连接信息。支持在线版和基于 Vite 的本地前端两种模式，根据用户需求默认新建或选择最近/指定画布。
用户要求打开、启动或使用 Infinite Canvas 画布
需要进入无限画布进行协作或绘图
npx skills add basketikun/infinite-canvas --skill open-canvas -g -y
