Agent Skills
› EkagraAgarwal/BanyanCode
EkagraAgarwal/BanyanCode
GitHub用于在开发仓库中交互式运行、调试和验证 opencode CLI/TUI 及服务器。涵盖启动开发环境、通过 termctrl 交互测试、直接调用 API、查看日志及连接 Bun 检查器，以辅助内部组件的开发与问题排查。
Install All Skills
npx skills add EkagraAgarwal/BanyanCode --all -g -y
Skills in Collection (24)
用于在开发仓库中交互式运行、调试和验证 opencode CLI/TUI 及服务器。涵盖启动开发环境、通过 termctrl 交互测试、直接调用 API、查看日志及连接 Bun 检查器，以辅助内部组件的开发与问题排查。
需要启动或管理 opencode 的本地开发服务器进程
使用 termctrl 进行 TUI 的交互式调试和截图验证
排查 CLI 与 Server 通信、日志记录或服务注册相关问题
npx skills add EkagraAgarwal/BanyanCode --skill opencode-dev -g -y
提供 RTL/LTR 布局开发指南，涵盖 CSS 逻辑属性、DOM 语义、混合文本处理及 Electron 适配，确保多语言方向兼容性。
实现或审查 RTL/LTR 行为
处理 CSS 布局与滚动方向
Electron 标题栏适配
npx skills add EkagraAgarwal/BanyanCode --skill rtl-aware-development -g -y
提供 SKILL.md 的结构模板与示例，用于演示如何编写项目级技能文件。
用户询问 sample skill
用户询问 skill demo
用户询问 opencode SKILL.md 结构
npx skills add EkagraAgarwal/BanyanCode --skill sample-skill -g -y
将大型编码任务委托给 BanyanCode 代理执行，通过定期检查点进行监督。支持在隔离工作区运行、设置预算限制及处理权限审批，适用于需要并行或长时间运行的独立开发任务。
任务规模较大，超出快速编辑范围
需要在隔离环境中并行执行代码修改
需要长时间运行的自动化编码任务
npx skills add EkagraAgarwal/BanyanCode --skill banyancode-delegate -g -y
创建和维护 Figma Code Connect 模板文件，将 Figma 组件映射为代码片段。解析 Figma URL，调用 MCP 工具发现未映射组件，生成 .figma.ts 格式的 parserless 模板，实现设计到代码的转换。
用户提及 Code Connect
需要创建或更新 .figma.ts/.figma.js 文件
涉及 Figma 组件到代码片段的映射
npx skills add EkagraAgarwal/BanyanCode --skill figma-code-connect -g -y
用于在Figma中创建设计、FigJam或Slides文件。通过解析用户计划类型和编辑器类型，调用工具生成新文件并处理后续逻辑。
用户需要新建Figma设计文件
用户需要新建FigJam白板
用户需要新建Slides演示文稿
npx skills add EkagraAgarwal/BanyanCode --skill figma-create-new-file -g -y
用于创建、更新和维护 Figma 生成式插件的技能。涵盖从需求确认、脚手架生成到代码与 UI 文件替换的完整工作流，强调安全规范及插件行为一致性。
用户请求创建或修改 Figma 插件
需要扩展或修复可复用的生成式 Figma 插件功能
npx skills add EkagraAgarwal/BanyanCode --skill figma-generative-plugins -g -y
将 Figma 中的动画设计转换为生产就绪的应用代码，支持 motion.dev、CSS 关键帧等。通过解析节点 ID 合并结构与动画数据实现交互效果。
用户要求从 Figma 实现动画或运动效果
提供包含动画节点的 Figma URL
get_design_context 返回运动相关数据
npx skills add EkagraAgarwal/BanyanCode --skill figma-implement-motion -g -y
用于在 Figma 中创建、编写和更新 Shader 效果的技能，涵盖 effect 和 fill 类型。支持通过 MCP 服务器调用 API 进行脚手架生成、源码读取及完整替换，确保正确设置动画和交互元数据。
用户请求创建或修改 Figma shader
需要实现自定义视觉效果或程序化填充
涉及 Figma shader 的迭代与修复
npx skills add EkagraAgarwal/BanyanCode --skill figma-shaders -g -y
提供 Figma FigJam 场景下使用 use_figma MCP 工具的专项上下文，指导如何正确调用 get_figjam 检查文件、处理节点 ID 及批量加载 Schema，避免与 Design 模式混淆。
需要在 Figma FigJam 中创建或编辑内容
需要获取 FigJam 文件的节点结构信息
在使用 Figma 插件 API 时遇到 FigJam 特定限制
npx skills add EkagraAgarwal/BanyanCode --skill figma-use-figjam -g -y
为Figma插件API提供动画上下文，支持通过关键帧、动画样式和时间轴对节点进行动画添加、编辑和检查。需配合figma-use使用，处理时间维度的交互效果。
在Figma中为节点添加或编辑关键帧动画
调整节点的填充/描边颜色随时间变化
应用或移除动画样式
读取或设置时间轴持续时间
npx skills add EkagraAgarwal/BanyanCode --skill figma-use-motion -g -y
提供 Figma Slides 插件开发的特定上下文，指导智能体正确使用 use_figma MCP 工具进行幻灯片创建、编辑及样式定制。
需要创建或修改 Figma Slides 文件
调用 use_figma 工具处理幻灯片相关任务
npx skills add EkagraAgarwal/BanyanCode --skill figma-use-slides -g -y
指导编写、审查和调试 Playwright E2E 测试，涵盖模拟服务器、Bun 静态服务、测试隔离及 CI 环境下的竞态与稳定性问题排查。
编写或修改 E2E 测试用例
调试 E2E 测试失败或 CI 不稳定
审查 E2E 测试代码规范
npx skills add EkagraAgarwal/BanyanCode --skill app-e2e-tests -g -y
用于编写、调试和审查基于 Playwright 的组件测试，涵盖 Storybook 挂载、Vite 配置及常见 CI 失败场景处理。
编写或修改组件测试用例
调试失败的组件测试
审查组件测试代码
npx skills add EkagraAgarwal/BanyanCode --skill component-tests -g -y
指导基于 Effect v4 的 TypeScript 服务开发，涵盖源码参考、API 使用规范及测试模式。
涉及 Effect 框架的代码实现
Effect 相关的类型定义与 Schema 设计
Effect 服务的单元测试编写
npx skills add EkagraAgarwal/BanyanCode --skill effect -g -y
针对OpenTUI的测试编写、修复与审查指南，涵盖渲染器初始化、帧等待策略、输入模拟及性能优化，解决测试超时和Flakiness问题。
编写或审查涉及OpenTUI渲染的测试用例
调试因帧等待超时导致的测试失败
优化TUI测试执行速度
npx skills add EkagraAgarwal/BanyanCode --skill tui-tests -g -y
用于编写、审查、加速或修复 bun test 单元测试，解决 Windows CI 超时、测试不稳定及性能问题。
编写或审查 bun 单元测试
修复测试超时或不稳定
优化测试性能
npx skills add EkagraAgarwal/BanyanCode --skill unit-tests -g -y
指导智能体将Figma设计稿转换为代码，包括调用工具获取上下文、处理截图、复用组件及资源管理，确保实现高保真视觉还原。
用户要求基于Figma设计实现界面
用户请求将设计稿转为代码
npx skills add EkagraAgarwal/BanyanCode --skill figma-design-to-code -g -y
将应用页面、视图或多区域布局从代码或描述转换为 Figma 设计稿。通过复用设计系统组件和变量，增量构建可编辑的 UI 层级结构，确保输出符合设计规范且非静态图片。
write to Figma
create in Figma from code
push page to Figma
take this app/page and build it in Figma
create a screen
build a landing page in Figma
update the Figma screen to match code
convert this modal/dialog/drawer/panel to Figma
npx skills add EkagraAgarwal/BanyanCode --skill figma-generate-design -g -y
指导 Agent 在调用 generate_diagram 工具前加载技能，根据需求匹配支持的图表类型（如流程图、架构图等），并应用 Mermaid 语法约束。
用户请求创建或生成各类图表
提及 Mermaid 语法或 FigJam 可视化
npx skills add EkagraAgarwal/BanyanCode --skill figma-generate-diagram -g -y
构建或更新Figma专业级设计系统，涵盖变量/Token、组件库、主题及代码对齐。指导构建内容与顺序，需配合figma-use技能使用。
创建Figma设计Token或变量
构建组件库或单个组件
设置主题模式
协调代码与Figma差异
npx skills add EkagraAgarwal/BanyanCode --skill figma-generate-library -g -y
实现 Figma 设计与 SwiftUI 代码的双向转换。支持将设计稿转为 iOS 代码，或将 Swift 视图同步回 Figma。自动识别上下文并路由至对应参考文档，确保语义色彩、图标及布局模式准确映射。
用户提及 Swift, SwiftUI, iOS, iPhone, iPad
包含 Figma URL 和 .swift 文件
要求将 Figma 设计实现为 SwiftUI
要求将 SwiftUI 视图推送到 Figma
npx skills add EkagraAgarwal/BanyanCode --skill figma-swiftui -g -y
用于在Figma文件中通过Plugin API执行JavaScript，支持节点增删改、变量绑定及组件构建等读写操作。
需要在Figma中创建、编辑或删除节点
需要设置变量、Token或构建组件变体
需要通过代码修改自动布局或填充属性
npx skills add EkagraAgarwal/BanyanCode --skill figma-use -g -y
提供跨会话持久化记忆功能，用于存储用户偏好、环境细节等长期事实。在用户明确要求或需保留长期信息时调用 memory_store 和 memory_recall，不用于同会话内子代理协调。
用户要求记住跨会话的信息
需要保留长期偏好或决策
npx skills add EkagraAgarwal/BanyanCode --skill memory -g -y
