Agent Skills
› anomalyco/opencode
anomalyco/opencode
GitHub用于在开发仓库中交互式运行、调试和验证 opencode V2 CLI/TUI 或服务器。涵盖启动 TUI、使用 termctrl 进行交互测试、连接 V2 服务器/API、读取日志及附加 Bun 检查器等功能。
Install All Skills
npx skills add anomalyco/opencode --all -g -y
Skills in Collection (22)
用于在开发仓库中交互式运行、调试和验证 opencode V2 CLI/TUI 或服务器。涵盖启动 TUI、使用 termctrl 进行交互测试、连接 V2 服务器/API、读取日志及附加 Bun 检查器等功能。
需要启动或重启 opencode V2 开发服务器时
使用 termctrl 进行 TUI 交互式调试或截图时
对比 V2 与旧版 TUI 功能时
直接调用 V2 服务器 API 进行测试时
分析 opencode 进程日志以排查问题时
npx skills add anomalyco/opencode --skill opencode-dev -g -y
指导在Web、桌面及Electron应用中实现RTL/LTR方向感知的开发规范，涵盖CSS逻辑属性、DOM结构、混合文本处理及交互映射。
实现或审查RTL/LTR布局行为
处理混合方向文本或跨语言内容
开发Electron标题栏或菜单方向逻辑
npx skills add anomalyco/opencode --skill rtl-aware-development -g -y
提供 opencode SKILL.md 的结构示例与构建指南，用于演示项目本地技能的格式规范及最小化工作流。
用户请求技能示例
询问 SKILL.md 结构
需要技能模板
npx skills add anomalyco/opencode --skill sample-skill -g -y
创建和维护 Figma Code Connect 模板文件，将 Figma 组件映射为代码片段。解析 Figma URL，识别未映射组件并生成 .figma.ts 模板，实现设计与代码的转换。
用户提到 Code Connect 或 Figma 组件映射
请求创建或更新 .figma.ts/.figma.js 文件
涉及设计到代码的转换任务
npx skills add anomalyco/opencode --skill figma-code-connect -g -y
指导用户通过MCP工具在Figma中创建设计、FigJam或Slides文件。包括解析计划键、编辑器类型，调用创建接口及处理空网格等步骤。
用户想要创建新的Figma设计文件
用户想要创建新的FigJam白板
用户想要创建新的Slides演示文稿
npx skills add anomalyco/opencode --skill figma-create-new-file -g -y
用于创建、更新和修复 Figma 生成式插件的 Skill。涵盖预检、创建工作流、更新工作流及编写规范，确保插件功能完整、UI 可用且安全合规。
用户要求创建或作者 Figma 插件
用户需要修改或扩展现有 Figma 插件
用户请求修复 Figma 插件问题
npx skills add anomalyco/opencode --skill figma-generative-plugins -g -y
将 Figma 中的动画设计转化为生产级代码。通过结合 get_design_context 获取结构与样式，以及 get_motion_context 获取关键帧与时间轴数据，实现跨框架的动画功能落地。
用户要求从 Figma 实现动画或 motion
提供包含动画节点的 Figma URL
get_design_context 返回运动标记或指令调用 get_motion_context
npx skills add anomalyco/opencode --skill figma-implement-motion -g -y
用于在Figma中创建和更新着色器（特效或填充）的技能。涵盖通过MCP服务器调用API、解析计划、读取源码、编写main.ts及更新元数据等完整工作流，确保正确生成和迭代程序化视觉效果。
用户要求创建或修改Figma着色器效果
用户需要生成程序化纹理或渐变填充
涉及Figma MCP服务器的shader API调用
npx skills add anomalyco/opencode --skill figma-shaders -g -y
提供 Figma FigJam 场景下使用 use_figma MCP 工具的专业上下文。指导代理通过 get_figjam 检查文件结构，明确 FigJam 与 Design 文件的 API 差异（如禁止 createPage），并优化工具调用和文档加载策略以提升执行效率。
需要在 Figma FigJam 中创建或编辑内容
需要查询 FigJam 画板节点 ID 或结构
处理 Figma MCP 工具在 FigJam 环境下的特定限制
npx skills add anomalyco/opencode --skill figma-use-figjam -g -y
提供Figma插件API中的运动与动画上下文，支持通过关键帧、样式和缓动控制节点动画。需配合figma-use使用，处理时间维度的动画任务，并检查用户功能标志位。
需要为Figma节点添加或编辑关键帧
需要应用或修改动画样式
需要调整时间轴持续时间或缓动效果
npx skills add anomalyco/opencode --skill figma-use-motion -g -y
提供 Figma Slides 插件 API 的特定上下文，指导智能体调用 use_figma MCP 工具。涵盖构建演示文稿的策略选择、默认主题处理及节点创建的关键规则，确保正确操作 Figma 文件。
用户请求创建或编辑 Figma Slides 演示文稿
需要使用 Figma 插件 API 进行幻灯片设计或修改
npx skills add anomalyco/opencode --skill figma-use-slides -g -y
用于编写、修改、审查和调试 Playwright E2E 测试的技能，涵盖测试隔离、Mock 服务、CI 环境配置及常见竞态条件排查。
编写或修改 E2E 测试用例
调试失败的 E2E 测试
审查 E2E 测试代码
排查 CI 中的测试不稳定问题
npx skills add anomalyco/opencode --skill app-e2e-tests -g -y
用于编写、调试和审查基于 Storybook 的 Playwright 组件测试，处理测试配置、挂载逻辑及常见失败场景。
编写或修改 Storybook 组件测试
调试失败的组件测试
审查组件测试代码
npx skills add anomalyco/opencode --skill component-tests -g -y
指导在代码库中正确使用 Effect v4 进行 TypeScript 开发，包括引用源码、API 使用规范及测试模式。
涉及 Effect 框架的 TypeScript 代码编写
查询 Effect v4 API 或最佳实践
npx skills add anomalyco/opencode --skill effect -g -y
用于编写、修复或审查 OpenTUI 相关测试的指南，涵盖渲染器管理、帧等待预算、输入模拟及常见超时问题的解决。
编写 OpenTUI 组件测试
调试 TUI 测试中的帧等待超时
优化缓慢的 TUI 测试用例
npx skills add anomalyco/opencode --skill tui-tests -g -y
用于编写、审查或修复 bun test 单元测试，解决 Windows CI 超时、性能慢及测试不稳定问题。涵盖时间控制、进程开销优化及 Turbo 配置。
编写或修复 bun test 单元测试
解决 Windows CI 测试超时或失败
优化测试性能以加速执行
处理测试中的 flaky 问题
npx skills add anomalyco/opencode --skill unit-tests -g -y
指导智能体将Figma设计稿转换为代码的规范。涵盖获取设计上下文、处理截图、适配项目栈、复用组件库及精确放置静态资源等步骤，确保高保真实现。
用户要求实现Figma设计
从Figma构建界面
将设计转为代码
npx skills add anomalyco/opencode --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 anomalyco/opencode --skill figma-generate-design -g -y
指导在调用generate_diagram工具前加载，支持流程图、架构图等Mermaid图表生成，提供类型路由、约束及不支持类型的处理指引。
用户要求创建或生成各类图表（如流程图、架构图、时序图等）
用户提及Mermaid语法或需要在FigJam中可视化系统结构
npx skills add anomalyco/opencode --skill figma-generate-diagram -g -y
从代码库构建或更新 Figma 专业级设计系统，涵盖变量/Token、组件库、变体集、主题及文档。用于创建组件、同步代码与 Figma 差异，确保生产级质量。需配合 figma-use 技能使用。
用户希望从代码生成 Figma 设计系统
需要创建或更新 Figma 组件、变量或 Token
要求对齐代码与设计稿的差异
npx skills add anomalyco/opencode --skill figma-generate-library -g -y
实现 Figma 设计与 SwiftUI 代码的双向转换。支持将设计稿转为 iOS 代码，或将 SwiftUI 视图同步回 Figma。通过解析 URL 和文件上下文路由至具体参考文档，确保语义色彩、SF Symbols 及布局模式准确映射。
用户提到 Swift, SwiftUI, iOS, iPhone, iPad
要求将 Figma 设计实现为 SwiftUI
要求将 SwiftUI 视图推送到 Figma
出现 Figma URL 伴随 .swift 文件或 .xcodeproj
npx skills add anomalyco/opencode --skill figma-swiftui -g -y
Figma插件API技能，指导通过JS操作设计文件节点、组件及变量。适用于需执行JS的读写或结构检查场景，配合其他技能完成页面或组件构建。
在Figma中创建、编辑或删除节点
设置变量、Token或绑定属性
构建组件和变体
修改自动布局或填充样式
以编程方式检查文件结构
npx skills add anomalyco/opencode --skill figma-use -g -y
