Agent Skills
› trycompai/comp
trycompai/comp
GitHub审计并修复前端代码中设计系统的使用,将旧组件库和图标迁移至统一的设计系统,确保符合规范并通过构建验证。
安装全部 Skills
npx skills add trycompai/comp --all -g -y
集合内 Skills (52)
按质量分展示前 50 个(共 52 个),完整列表请用安装命令预览或逐个打开详情。
审计并修复前端代码中设计系统的使用,将旧组件库和图标迁移至统一的设计系统,确保符合规范并通过构建验证。
需要统一前端UI组件库
迁移旧版UI到设计系统
替换第三方图标库
npx skills add trycompai/comp --skill audit-design-system -g -y
审计并修复前端代码中的 Hook 和 API 使用违规,强制替换为 SWR 及自定义 Hook,消除直接 DB 访问和原始 fetch。
需要检查或修复前端数据获取和状态管理模式
发现使用了被禁用的 Next.js 服务端动作或原生 fetch
npx skills add trycompai/comp --skill audit-hooks -g -y
审计并修复API端点和前端组件中的RBAC及审计日志合规性问题,自动添加权限装饰器、守卫和UI控制逻辑,确保符合安全规范。
检查代码中的权限缺失
修复RBAC合规问题
npx skills add trycompai/comp --skill audit-rbac -g -y
审计并修复基于权限控制的组件单元测试,确保覆盖管理员和审计员场景。使用Vitest框架查找缺失测试并编写,修复失败用例以保障代码质量。
需要检查或补充权限相关组件的单元测试
发现权限控制组件存在测试缺失或失败
npx skills add trycompai/comp --skill audit-tests -g -y
提供 Better Auth 服务端与客户端集成指南,涵盖安装、环境变量配置、数据库适配器设置、会话管理及插件扩展。
Better Auth 配置
auth.ts 文件创建
身份认证集成
npx skills add trycompai/comp --skill better-auth-best-practices -g -y
用于管理 Comp AI 计费系统,涵盖 Stripe 产品/价格配置、订阅结账、组织支付方式、权限、使用量账本及发票处理。
修改 Stripe 产品或价格
处理订阅结账流程
管理组织支付方式
查询或更新使用量账本
处理发票或计费 Webhook
npx skills add trycompai/comp --skill billing -g -y
提供 TypeScript 和 React 开发规范,涵盖类型安全、组件模式、文件组织及代码质量要求。
编写 TypeScript/React 代码
审查前端代码规范
npx skills add trycompai/comp --skill code -g -y
指导如何编写和管理 Cursor AI 规则文件,包括文件结构、自动/手动应用机制及最佳实践,旨在维护代码一致性与质量。
询问 Cursor 规则用法
需要配置 AI 代码规范
管理 .cursor/rules 目录
npx skills add trycompai/comp --skill cursor-usage -g -y
定义数据获取规范,涵盖服务端渲染、客户端组件交互及 SWR 缓存策略。指导 API 调用、状态管理及 Server/Client 组件职责划分,确保高效且一致的数据流处理。
实现数据获取逻辑
编写 API 调用代码
创建或修改 SWR Hook
区分服务端与客户端组件
npx skills add trycompai/comp --skill data -g -y
用于诊断 SDK 生成失败的根本原因并制定修复策略。支持解析错误日志、分类问题(Overlay 或 Spec 修复),并提供具体的解决步骤和决策框架,帮助开发者快速定位并解决生成流程中的异常。
SDK generation failed
speakeasy run failed
SDK build error
workflow failed
why did generation fail
npx skills add trycompai/comp --skill diagnose-generation-failure -g -y
规定前端表单开发标准,强制使用 React Hook Form 结合 Zod 进行类型推断与数据验证。涵盖基础模式、复杂组件控制、状态管理及错误处理,确保表单的一致性与健壮性。
构建或修改前端表单组件
实现表单数据验证逻辑
配置 React Hook Form 和 Zod 集成
npx skills add trycompai/comp --skill forms -g -y
基于 OpenAPI 规范使用 Speakeasy 生成 MCP 服务器,将 API 操作暴露为 AI 助手工具。
generate MCP server
MCP server
Model Context Protocol
AI assistant tools
Claude tools
speakeasy MCP
mcp-typescript
npx skills add trycompai/comp --skill generate-mcp-server -g -y
指导 Monorepo 项目的基础设施管理,包括使用 Bun 进行包管理、Turborepo 构建运行、包间依赖导入规范及新包创建流程。
Monorepo 结构配置
Bun 包管理操作
跨包依赖导入
多包构建与开发命令
npx skills add trycompai/comp --skill infra -g -y
管理 OpenAPI Overlay 文件,用于自定义 SDK 生成配置。涵盖创建、应用、验证 Overlay 及修复校验错误,支持 JSONPath 定位和 Speakeasy 扩展配置。
create overlay
apply overlay
overlay file
x-speakeasy
add extension
configure retries
add pagination
overlay for retries
npx skills add trycompai/comp --skill manage-openapi-overlays -g -y
用于在 monorepo 中快速启动新功能、Linear 工单或 Bugfix。自动创建 git worktree、配置隔离的 Postgres 数据库、同步环境变量并安装依赖,使开发环境即刻就绪。
start a new feature
spin up a worktree
begin ticket
new branch
npx skills add trycompai/comp --skill new-feature-setup -g -y
执行生产就绪检查,并行运行RBAC、Hooks、设计系统及测试审计,并验证构建状态。最终输出包含修复摘要和构建结果的报告。
需要全面检查项目是否符合生产环境标准
发布前需确认代码质量与构建完整性
集成多种审计工具进行一次性合规性验证
npx skills add trycompai/comp --skill production-readiness -g -y
提供提示词工程最佳实践,涵盖核心原则与六大技巧,指导用户编写清晰指令、使用示例及链式思考,以提升大模型交互效果。
需要优化或编写高质量提示词时
学习大模型交互技巧时
npx skills add trycompai/comp --skill prompt-engineering -g -y
规范 Speakeasy SDK/OpenAPI 工作流,要求执行任务前获取上下文、结束后提交反馈。旨在提升 CLI 使用准确性与效率,避免猜测语法或依赖网络搜索。
用户提及 speakeasy
涉及 SDK 开发
涉及 OpenAPI 处理
npx skills add trycompai/comp --skill speakeasy-context -g -y
清理废弃的Git工作树及关联的Postgres数据库。通过盘点、分类(安全/需确认/保留)并提示用户,安全地移除已合并或无用的工作树目录及其残留数据库,防止磁盘空间浪费。
清理旧的工作树
删除陈旧的工作树
工作树堆积
孤儿数据库
移除未使用的工作树
npx skills add trycompai/comp --skill stale-worktree-cleanup -g -y
提供Trigger.dev高级任务编写指南,涵盖标签组织、并发队列管理及错误重试机制。帮助开发者实现任务的精细化控制与高可用性处理。
询问如何配置Task的并发限制或队列策略
需要实现任务的重试逻辑或自定义错误处理
想要通过标签对任务运行进行追踪和订阅
npx skills add trycompai/comp --skill trigger-advanced-tasks -g -y
提供 Trigger.dev SDK v4 核心规则,涵盖基本任务、带验证的 Schema 任务、定时任务及触发方式(同步/异步/批量)的最佳实践与代码示例。
编写 Trigger.dev 异步任务
配置任务重试策略
使用 Zod 校验任务输入
设置 Cron 定时任务
npx skills add trycompai/comp --skill trigger-basic -g -y
提供Trigger.dev v4项目的配置文件trigger.config.ts完整指南,涵盖基础配置、重试策略及Prisma、Python、Playwright等构建扩展集成方法。
需要配置Trigger.dev项目时
集成数据库ORM或浏览器自动化扩展时
npx skills add trycompai/comp --skill trigger-config -g -y
介绍如何在 Trigger.dev 任务及前端中使用实时功能,涵盖认证、后端订阅运行状态与流式数据,以及 React 前端组件集成,用于构建实时监控和 UI 更新。
需要实时监听任务执行进度或状态变更
在前端构建基于 WebSocket 的实时监控仪表盘
实现任务执行过程中的流式数据输出
npx skills add trycompai/comp --skill trigger-realtime -g -y
指导前端 UI 组件开发,强制使用特定设计系统,规范样式、布局、图标及暗色模式支持,避免反模式。
构建或编辑前端 UI 组件
调整布局和样式
实现暗色模式
npx skills add trycompai/comp --skill ui -g -y
规范NestJS API端点开发,确保DTO、控制器与OpenAPI/MCP/验证管道一致。
新增API端点
添加DTO
编辑控制器
修改MCP工具
npx skills add trycompai/comp --skill api-endpoint-contract -g -y
审计并修复设计系统使用合规性,将遗留组件库和图标迁移至统一的设计系统,确保代码规范与构建通过。
需要迁移或重构 UI 组件库时
检查并修正设计系统使用合规性问题时
npx skills add trycompai/comp --skill audit-design-system -g -y
审计并修复前端代码中不符合规范的 Hook 和 API 使用模式,消除 Server Actions、原始 fetch 及陈旧数据获取方式,强制使用 SWR 和自定义 Hooks 管理状态与缓存。
检查 React 组件中的数据获取和状态更新模式
重构遗留代码以符合 SWR 和 apiClient 规范
消除直接数据库访问和页面刷新行为
npx skills add trycompai/comp --skill audit-hooks -g -y
审计并修复NestJS API端点和前端组件中的RBAC权限控制及审计日志合规性问题,自动添加缺失的权限装饰器、守卫及UI权限门控。
检查API端点的权限装饰器和控制器格式
修复前端按钮和表单的权限门控逻辑
确保所有读写操作符合RBAC规范
npx skills add trycompai/comp --skill audit-rbac -g -y
用于审计并修复涉及权限控制组件的单元测试,确保覆盖管理员和审计员场景,补全缺失测试用例并修复失败测试。
需要检查或编写权限相关组件的单元测试
发现权限组件缺少对应的测试文件
npx skills add trycompai/comp --skill audit-tests -g -y
提供统一只读服务以复用集成检查(如2FA、AWS S3)的结果数据。避免各功能模块直接查询底层表,确保数据获取标准化与解耦。
新功能需要展示集成检查产生的结果数据
发现代码中直接查询 IntegrationCheckResult 或 CheckRunRepository
npx skills add trycompai/comp --skill check-results-service -g -y
强制在代码编写或修改后执行的清理技能,通过审查变更文件消除冗余检查、不一致模式、死代码及边界错误处理,确保代码简洁可读并符合规范。
完成实现工作后
修复bug后
重构代码后
提交代码前
npx skills add trycompai/comp --skill cleanup -g -y
规范 TypeScript/React 编码标准,涵盖类型安全、组件模式及文件组织。禁止使用 any,提倡泛型与派生状态,规定导出命名、副作用处理及代码结构优化,提升前端代码质量与可维护性。
编写 TypeScript 或 React 代码
重构前端组件逻辑
检查代码规范合规性
npx skills add trycompai/comp --skill code -g -y
指导如何编写和管理 Cursor AI 规则文件,包括结构、应用机制及最佳实践,旨在通过系统化指令提升代码一致性与质量。
需要配置或优化 Cursor AI 行为规则时
希望统一项目代码规范并让 AI 自动执行时
npx skills add trycompai/comp --skill cursor-usage -g -y
规范前端数据获取流程,定义Server到Client的SWR模式及API客户端使用。指导组件拆分、状态管理及避免nuqs,确保高效缓存与交互体验。
实现数据获取逻辑
创建或修改SWR Hook
处理API调用封装
区分服务器与客户端组件
npx skills add trycompai/comp --skill data -g -y
规范前端表单开发,强制使用 React Hook Form 结合 Zod 进行类型推断与数据验证。涵盖基础模式、复杂组件控制、状态管理及错误处理,确保表单的一致性与健壮性。
构建或修改用户输入表单
需要前端数据校验和类型安全
npx skills add trycompai/comp --skill forms -g -y
管理 Monorepo 基础设施,规范使用 Bun 包管理器、Turbo 构建及依赖安装。定义包结构、导入规则与 TypeScript/ESLint 修复指南,确保多应用协作时的代码质量与构建一致性。
Monorepo 包依赖管理
Bun/Turbo 命令执行
跨包导入规范检查
npx skills add trycompai/comp --skill infra -g -y
用于在monorepo中快速启动新功能或Bug修复,通过git worktree自动化创建分支、隔离数据库、配置环境变量及安装依赖,确保开发环境就绪。
开始新功能
创建worktree
处理Linear工单
新建分支
npx skills add trycompai/comp --skill new-feature-setup -g -y
执行生产就绪检查,并行运行RBAC、Hooks、设计系统、测试及安全审计,并进行全量类型检查和单元测试,最终输出包含修复摘要和构建状态的生产就绪报告。
需要验证代码是否满足生产环境发布标准
执行全面的上线前质量与安全审计
整合多项独立审计并生成综合报告
npx skills add trycompai/comp --skill production-readiness -g -y
提供提示词工程最佳实践,包括核心原则与六大技术(清晰指令、多示例、思维链等),旨在优化AI交互效果,提升任务执行效率与结果质量。
用户需要编写或优化AI提示词
用户询问如何提升大模型回答质量
用户希望了解提示词设计技巧
npx skills add trycompai/comp --skill prompt-engineering -g -y
在代码提交前检查高风险安全漏洞(如访问控制、注入、SSRF等),并立即修复已确认的高严重性问题,同时验证发现以消除误报。
编辑API控制器、守卫或认证代码后
修改Prisma模式或查询后
处理文件上传或Webhook逻辑后
提交或推送涉及安全敏感变更前
npx skills add trycompai/comp --skill security-review -g -y
用于清理过期的 git worktree 及其关联的孤立 Postgres 数据库。通过盘点、分类(安全/需确认/保留)并展示建议,实现安全可逆的批量清理,避免误删活跃工作。
清理旧的 git worktrees
删除陈旧的 worktrees
worktrees 堆积
孤立的 compdev_* 数据库
移除未使用的 worktree
npx skills add trycompai/comp --skill stale-worktree-cleanup -g -y
提供Trigger.dev高级任务编写指南,涵盖标签管理、并发控制与队列配置、以及错误处理与重试机制。旨在帮助开发者构建高可用、可观测且高效的异步任务系统。
需要配置任务并发限制或共享队列时
实现自定义错误处理和指数退避重试逻辑时
使用标签对任务执行进行分组和追踪时
npx skills add trycompai/comp --skill trigger-advanced-tasks -g -y
提供 Trigger.dev v4 SDK 编写基础任务的核心规范,涵盖普通、带校验及定时任务的定义,以及从后端代码或内部触发任务的最佳实践与示例。
需要创建异步后台任务
配置定时执行的任务
实现任务间的触发与等待逻辑
npx skills add trycompai/comp --skill trigger-basic -g -y
提供 Trigger.dev v4 项目的配置指南,涵盖 trigger.config.ts 基础设置、重试策略、构建扩展及全局生命周期钩子,支持 Prisma、Python、Playwright 等插件集成。
需要配置 Trigger.dev 项目环境
添加或修改构建扩展(如 Prisma, Python)
调整任务重试和日志级别设置
npx skills add trycompai/comp --skill trigger-config -g -y
指导在Trigger.dev任务及前端中使用实时功能,涵盖订阅运行状态、流式数据传输及React钩子集成。
需要实时监控异步任务进度
实现前端与后端的实时数据同步
npx skills add trycompai/comp --skill trigger-realtime -g -y
规范前端UI组件开发,优先使用设计系统组件,禁止直接传className,推荐用Wrapper或Stack布局,强调语义化颜色、暗黑模式支持及图标统一。
构建或编辑前端UI组件
调整页面布局和样式
实现暗黑模式适配
使用图标和颜色变量
npx skills add trycompai/comp --skill ui -g -y
定义前端开发核心规范,强制使用bun包管理、特定UI组件库、严格TypeScript类型检查及Next.js数据获取模式,确保代码质量与一致性。
需要遵循项目基础编码规范
初始化或维护前端TSX/TS文件时
npx skills add trycompai/comp --skill essentials -g -y
定义 Prisma 数据库 schema 规范与迁移工作流。规定 Schema 修改位置、迁移执行及类型生成步骤,强制使用带前缀的 CUID 作为主键 ID,确保跨应用数据模型一致性。
需要修改 Prisma 数据库模型或字段时
执行数据库迁移以同步 Schema 变更时
配置实体 ID 生成策略时
npx skills add trycompai/comp --skill prisma -g -y
指导如何定义、配置和管理基于 Cron 的定时任务,涵盖声明式与命令式调度方式、多租户动态绑定及 SDK 管理操作。
需要创建周期性执行的后台任务
配置或修改定时任务的 Cron 表达式
通过代码或 Dashboard 管理任务调度状态
npx skills add trycompai/comp --skill trigger-scheduled-tasks -g -y
定义前端开发核心规范,包括强制使用bun包管理、优先采用特定设计系统组件、禁止使用any类型及不安全断言、规范数据获取与状态管理策略,以及代码修改后的检查流程。
询问前端开发规范
配置项目工具链
代码风格审查
npx skills add trycompai/comp --skill essentials -g -y


