fynt-builder-workspace
使用路由感知的shell、分割面板、编辑器上下文连接、命令界面和实时运行状态反馈循环,以Fynt风格构建和升级生产构建者工作区。在设计或重构replit/opencode风格的产品体验、认证后构建/运行/观察工作流、执行侧边栏或以键盘为主的交互工作区时使用。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
使用路由感知的shell、分割面板、编辑器上下文连接、命令界面和实时运行状态反馈循环,以Fynt风格构建和升级生产构建者工作区。在设计或重构replit/opencode风格的产品体验、认证后构建/运行/观察工作流、执行侧边栏或以键盘为主的交互工作区时使用。
学习如何使用D3.js与Helios进行数据可视化。在创建图表、图形或数据驱动的动画时使用。
使用Helios与Vanilla JavaScript/TypeScript的模式。在没有框架的情况下构建组合时,或进行简单的DOM/Canvas操作时使用。
用于创建数据驱动动画的工作流程。当您需要使用D3、P5或其他库来可视化数据集时,请使用此工作流程。
使用ratatui构建终端UI,遵循2026年Rust最佳实践。在以下情况下使用:(1) 创建新的TUI应用程序,(2) 添加小部件/布局,(3) 键盘导航/状态管理,(4) 通过ratatui-image集成图像,(5) 异步事件处理,(6) 发布优化。涵盖v0.30.0+ API、Elm架构、StatefulWidget、color-eyre。
从markdown内容构建单页品牌网站,可选使用docs-factory品牌工具包。当用户想要从markdown创建网站、网页或HTML站点时使用。
使用XState v5和actor模型构建可重用的React状态机技能
Windows窗体开发模式、UI线程、数据绑定
用于Helios的Chart.js集成模式。在使用Chart.js创建动画数据可视化时使用。
PixiJS与Helios的集成模式。在使用PixiJS创建高性能WebGL 2D动画时使用。
用于开发和预览Helios作品的工作室工具。在您想要启动交互式开发环境或管理资源时使用。
创建新的Helios合成的工作流程。在构建新的动画项目或将现有动画转换为在Helios中运行时使用。
迪卡侬品牌工具包。提供设计令牌(颜色、字体、间距)、Inter字体文件、标志变体和PDF页面模板。在为迪卡侬品牌生成文档、演示文稿或网页时使用。
计划UX模式和设计规范。当用户说'让我们创建UX设计'或'创建UX规范'或'帮我规划UX'时使用
现代WordPress区块开发和全站编辑,使用theme.json、区块主题和自定义区块适用于WordPress 6.7+版本
精心策划的微交互和设计细节,为网站和应用程序增添了“魔力”和个人特色。
使用Helios与GSAP(GreenSock)的模式。在将GSAP时间线与Helios时间线集成以实现精确擦除和渲染时使用。
Helios的Lottie集成模式。在与Helios同步渲染Lottie(Bodymovin)JSON动画时使用。
用于在网页中嵌入Helios作品的播放器API。当您需要显示带有播放控制的作品、启用客户端导出或支持画中画时使用。
Bitwarden客户端代码约定,适用于Angular和TypeScript。在处理客户端单仓库、创建组件或服务、或修改Web/浏览器/桌面应用程序时使用。
Wave Artisans的品牌工具包。提供设计令牌(颜色、字体、间距)、Nunito Sans字体文件、标志变体以及PDF页面模板。在为Wave Artisans品牌创建文档、演示文稿或网页时使用。
实现计划中的Antonella插件功能(模型、服务、控制器、API和UI)。在架构和实施计划确定后使用。
Svelte 5 符文 + SvelteKit adapter-static (SSG/SSR) 模式,用于确保状态、存储桥接和预渲染后仍可存活的响应性
丰富的图标库和由AI驱动的图标生成技能,适用于高级UI/UX设计。