Agent Skills
› jasonkneen/tiny-world-builder
jasonkneen/tiny-world-builder
GitHub用于在前端页面中添加轻量级3D视觉效果和微交互,如伪3D插图、动画背景和视差倾斜效果。基于Zdog、Vanta.js和Vanilla-Tilt.js实现高性能视觉增强。
Install All Skills
npx skills add jasonkneen/tiny-world-builder --all -g -y
Skills in Collection (32)
用于在前端页面中添加轻量级3D视觉效果和微交互,如伪3D插图、动画背景和视差倾斜效果。基于Zdog、Vanta.js和Vanilla-Tilt.js实现高性能视觉增强。
添加装饰性3D插图
创建英雄区域动画背景
实现卡片或图片的视差倾斜效果
构建具有视觉深度的轻量级着陆页
npx skills add jasonkneen/tiny-world-builder --skill lightweight-3d-effects -g -y
将低多边形、体素或等距风格参考图转换为单文件 Three.js HTML 场景,仅使用基础几何体。提供视觉分析清单与编码规范,并修复渲染错误。
将图片转为 Three.js 资产
生成仅含基本几何体的场景
调试非渲染输出的 Three.js 代码
npx skills add jasonkneen/tiny-world-builder --skill threejs-primitive-reconstructor -g -y
TinyWorld多语言本地化技能,用于添加、翻译或审计英法中西UI字符串。通过维护字典文件和使用检查脚本确保翻译一致性与完整性,无需外部API。
添加用户界面文本
i18n检查失败
非英语区域显示英文
新增语言支持
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-i18n -g -y
TinyWorld游戏UI多语言本地化技能,支持英法中西四语。涵盖添加、翻译及审计界面字符串,确保键值一致性与术语规范。通过npm脚本检查完整性并在真实环境中验证渲染效果。
添加新的用户可见游戏文本
执行i18n检查失败时修复缺失翻译
非英语区域显示英文字符串
新增支持的语言
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-i18n -g -y
将低多边形或体素参考图转换为单文件 Three.js HTML 场景,严格使用基础几何体和标准材质。支持从图像重建 3D 资产、生成代码模板及调试渲染错误。
将参考图片转换为 Three.js 3D 场景
生成仅包含基础几何体的 HTML 脚本
调试 Three.js 模型无法渲染的问题
npx skills add jasonkneen/tiny-world-builder --skill threejs-primitive-reconstructor -g -y
规范 TinyWorld 2.5D 模板精灵的使用,包括角色类克隆、动画播放及资源生成。明确运行时行为、Sprite 网格裁剪规则及类添加流程,确保正确渲染并避免与人群系统混淆。
更改可玩角色的 2.5D 模板精灵
克隆精灵到不同角色类
配置空闲/行走/攻击的 Sprite 表播放逻辑
添加新的角色类
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-25d-template-sprites -g -y
规范 Tiny World Builder 中资产编辑(选择、绘制、剪贴板、模板等)的开发契约。强调预览优先交互,确保数据通过 setCell 流转,避免状态冲突与 UI 不同步。
修改世界网格中的资产放置
实现自由手绘或形状绘制工具
处理资产复制、粘贴或重复操作
管理保存的模板或印章面板
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-asset-editing -g -y
规范 Tiny World Builder 自动模式的模型调用策略,通过批量获取建议并本地缓存消耗,避免每次放置都请求模型,同时明确状态共享、数据适配及验证方法。
修改 Tiny World Builder 自动调色板行为
调整模型推理逻辑
更改建议生成或 API 密钥相关逻辑
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-auto-batching -g -y
定义 Tiny World Builder 中按钮、图块等 UI 组件的固定设计语言,涵盖样式规则、配色表及 CSS 实现方案,确保界面视觉一致性。
需要为工具栏或浮层添加新按钮/图块时
调整现有 UI 组件以符合 Block 风格规范时
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-block-button-style -g -y
用于 Tiny World Builder 中实现 Lobby 区域的 CCTV 监控与 Truman Show 风格摄像机系统,涵盖渲染管线、CRT 着色器、主体追踪及屏幕切换逻辑。
需要修改或添加 Lobby 区域的监控摄像头功能
调整 CRT/VHS 风格的监控画面视觉效果
配置摄像机的自动追踪和扫描行为
处理 Lobby 大屏与实时监控画面的切换
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-cctv-truman -g -y
负责Tiny World中不可编辑幽灵板块的确定性生成,确保路径、河流在板块边界连续连接,并处理跨板块邻居查询以维持视觉一致性。
修改幽灵世界生成逻辑
调整路径或河流连续性规则
优化跨板块边缘连接
调试确定性格式化问题
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-ghost-world-gen -g -y
定义 Tiny World Builder 应用的后端集成规范,涵盖 Netlify 函数路由、Solana 钱包交互、社区功能及身份验证逻辑。
修改 Tiny World API 接口
调整 Webhook 或 SSE 配置
更新 MCP 插件或自动化示例
涉及 Netlify Functions 后端逻辑变更
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-integrations -g -y
指导如何修改家园岛屿布局、边缘装饰、底部结构及飞机路径。涵盖坐标系统、buildHomeBorder流程、粒子特效与材质渲染,确保网格变更时正确重建。
修改岛屿布局或边缘装饰
调整飞机飞行路径
更改岛屿正面方向
优化岛屿底部视觉效果
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-island-and-planes -g -y
定义 TinyWorld 岛屿查看器的开发规范,涵盖 Shell、样式及生成器架构。明确图层渲染顺序、地图元素(桥、路灯、庄园等)的生成逻辑与约束,确保视图只读且符合 v4 schema。
修改岛屿查看器前端界面或路由
调整岛屿生成的图层顺序或元素规则
维护生成器脚本与渲染适配器的兼容性
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-island-viewer -g -y
定义 Tiny World Builder 中低多边形/风格化 3D 资产的设计、导入与动画规范,涵盖艺术方向、比例规则、体素描述符及材质调色板,确保性能与视觉一致性。
添加或导入低多边形 3D 资产
设计风格化 3D 模型或材质
调整 3D 资产比例与方向
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-lowpoly-stylized-3d -g -y
定义Tiny World Builder中低多边形3D场景生成的提示词规范,指导模型输出符合JSON Schema的棋盘格数据,涵盖构图原则、原语组装及增量编辑逻辑。
编辑Tiny World Builder生成提示
修正模型生成的世界JSON数据
调整自动建议的场景布局
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-lowpoly-world-prompt -g -y
用于在引擎中编辑体素地形网格,支持绘制材质和推拉雕刻方块,保持平顶块状外观。
需要修改或设计体素风格的地形地貌
需要调整地形网格的材质分布
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-mesh-terrain -g -y
管理Tiny World中主视图与预览板的可见性逻辑,实现基于相机移动的渐进式揭示及持久化显示效果。
调整游戏内视野或摄像机移动时的物体显隐
修改预览板(Ghost boards)的渲染透明度或揭示行为
处理用户交互中的视角切换与内容加载状态
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-opacity-torch -g -y
规范 Tiny World 渲染性能,限制后处理与动态分辨率,管理几何体缓存以优化低端 GPU 表现。适用于调整渲染管线、阴影、雾效及帧循环等图形性能问题。
修改渲染器设置
调整阴影或雾效
优化 Voxel 渲染成本
解决 GPU 性能问题
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-render-performance -g -y
管理Tiny World应用的用户持久化状态,涵盖localStorage读写、默认值快照、Three材质设置引导应用及数据迁移。同时规范云端存档与本地状态的同步逻辑、共享链接解析及JSON导入导出的兼容性处理。
修改用户设置或持久化状态逻辑
实现或优化云存档与本地数据同步
处理JSON导入导出及文件上传交互
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-runtime-state -g -y
规范 Tiny World Builder 设置模态框的修改,涵盖 Tab、面板、控件及渲染/AI 等设置。要求保持兼容性、ID 稳定、ARIA 无障碍支持及移动端布局适配,确保搜索与导航功能正常。
修改 Tiny World Builder 设置界面
调整渲染、世界或 AI 相关配置
优化设置模态框的可访问性或响应式布局
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-settings -g -y
指导在 Tiny World Builder 中添加或修改 GLSL 着色器效果,涵盖地形、海洋水体及特效库。明确权威文件位置、覆盖机制及关键 Uniforms 用法,确保扩展时不破坏构建。
需要添加或修改 GLSL 着色器代码
涉及 TinyWorldBuilder 的水体、地形或特效渲染逻辑变更
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-shader-fx -g -y
指导在 Tiny World Builder 仓库中编辑单文件 Three.js 应用,保持内联脚本结构,规范代码风格、依赖管理及构建流程。
修改 tiny-world-builder.html
维护静态前端应用
Three.js 依赖更新
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-single-file -g -y
规范 Tiny World Builder 中地形与对象的重复点击、堆叠高度及视觉细节渲染行为,明确纹理切片、实例化图层及材质变体的处理逻辑。
添加或修改小世界构建器的瓦片/对象重复点击行为
调整地形堆叠、地板强度、围栏、岩石、墙壁、作物或高度细节增长
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-tile-variation -g -y
描述Tinyverse收藏包机制,含认证门控、免费抽取限制及岛屿快照保存。涉及前端路由、UI展示与后端权限校验的集成逻辑。
需要理解或修改Tinyverse收藏系统的业务逻辑
排查收藏包抽取、认证拦截或数据持久化相关问题
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-tinyverse-collectibles -g -y
管理Tinyverse地面赛道、桥梁及卡车的渲染与交互逻辑,包含场景隔离、材质复用、HUD显示及动画循环集成。
修改Tinyverse赛道布局或资产
调整赛道桥梁或卡车模型
配置赛道可见性与HUD状态
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-tinyverse-race-track -g -y
规范 Tiny World Builder 的模式切换、引导页及视图行为,确保构建/播放/展示模式安全隔离与工具状态正确重置。
修改模式指示器逻辑
调整启动工具选择
变更 Esc 退出行为
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-tool-icons-and-modes -g -y
用于Tiny World Builder UI的视觉测试,涵盖相机、建筑渲染、小地图及前端细节。需启动本地服务并检查控制台错误、交互逻辑、视觉效果及数据绑定。
需要验证Tiny World Builder前端UI显示效果
检查游戏内摄像机、光影或材质渲染是否正常
测试小地图与主视图同步及交互逻辑
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-visual-qa -g -y
规范 Tiny World Builder 的 WebXR、AR/VR 集成实现,涵盖 Three.js 兼容性、Apple AR Quick Look 导出及多模式 XR 交互逻辑。
添加或修改 WebXR 功能
实现 AR 放置或 VR 沉浸体验
配置 XR 渲染模式
npx skills add jasonkneen/tiny-world-builder --skill tinyworld-webxr -g -y
资深3D建模专家技能,涵盖拓扑、UV映射、LOD系统及主流DCC工具工作流。用于指导游戏和影视级3D资产创建、优化及导出流程。
3d modeling, mesh topology, uv mapping
retopology, LOD systems, FBX export
npx skills add jasonkneen/tiny-world-builder --skill 3d-modeling -g -y
Fractal 是一个基于递归语言模型的 CLI 工具,专为处理大型代码库的分析、审计和深度上下文推理设计。通过非交互模式(headless)自动挂载沙箱执行任务,避免上下文溢出,适用于跨文件综合分析与复杂排查。
需要分析或审计大型/深层代码库
跨多个文件的上下文综合与推理
自动化脚本中调用 AI 进行重型调查
npx skills add jasonkneen/tiny-world-builder --skill fractal -g -y
用于通过 Poly Pizza REST API 搜索、浏览和下载免费低多边形 3D 模型。支持按关键词搜索、获取热门模型及详情,并可直接下载 GLB 等格式文件,适用于需要程序化获取 3D 资产的场景。
查找或下载 3D 模型
搜索 Poly Pizza 目录
获取模型元数据或下载链接
npx skills add jasonkneen/tiny-world-builder --skill poly-pizza-api -g -y


