Agent Skills
› basketikun/infinite-canvas
basketikun/infinite-canvas
GitHub指导创建具有独特设计风格的生产级前端界面，避免通用AI美学。适用于构建网页、组件、仪表盘等，强调排版、色彩、动效及空间构图，输出高质量代码与UI设计。
安装全部 Skills
npx skills add basketikun/infinite-canvas --all -g -y
集合内 Skills (4)
指导创建具有独特设计风格的生产级前端界面，避免通用AI美学。适用于构建网页、组件、仪表盘等，强调排版、色彩、动效及空间构图，输出高质量代码与UI设计。
用户要求构建Web组件或页面
需要美化或重新设计现有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 网页画布，支持读取状态、创建文本或媒体节点、构建生成流程及批量管理节点连接与布局。
用户需要查看或修改画布内容
用户请求在画布中创建文本、图像或视频节点
用户要求将多个步骤串联为自动化生成流程
用户需要对画布进行批量编辑或调整布局
npx skills add basketikun/infinite-canvas --skill canvas -g -y
用于在 Codex 中打开 Infinite Canvas 画布，自动启动本地 Agent 并获取连接参数。支持在线和本地模式，默认新建画布，也可选择最近或自定义画布。
用户要求打开 Infinite Canvas
用户要求进入或使用画布
npx skills add basketikun/infinite-canvas --skill open-canvas -g -y
