Agent Skills
› trycompai/comp
trycompai/comp
GitHub审计并修复设计系统使用问题,将 @trycompai/ui 和 lucide-react 迁移至官方设计系统,确保组件与图标合规。
Install All Skills
npx skills add trycompai/comp --all -g -y
Skills in Collection (52)
Showing top 50 of 52 by quality score. Use the install list command or open individual skills for the rest.
审计并修复设计系统使用问题,将 @trycompai/ui 和 lucide-react 迁移至官方设计系统,确保组件与图标合规。
代码审查发现使用了废弃的 UI 库或图标库
需要统一前端组件库和图标标准
npx skills add trycompai/comp --skill audit-design-system -g -y
审计并修复代码中的 Hook 和 API 使用模式,消除过时的 server actions、raw fetch 等反模式。强制替换为 SWR 和自定义 Hook,确保数据获取与缓存失效合规,并通过类型检查验证修复结果。
需要审计前端 Hook 和 API 调用规范时
发现使用了 useAction、raw fetch 或 useEffect 进行数据获取时
需要批量重构客户端组件以符合 SWR 最佳实践时
npx skills add trycompai/comp --skill audit-hooks -g -y
审计并修复 API 端点和前端组件中的 RBAC 权限控制与审计日志合规性问题,包括自动添加缺失的权限装饰器、守卫及前端按钮禁用逻辑,确保符合安全规范。
检查代码是否符合 RBAC 和审计日志规范
修复 API 端点或前端组件中缺失的权限控制
npx skills add trycompai/comp --skill audit-rbac -g -y
检查并修复权限控制组件的单元测试,确保覆盖管理员和审计员场景,编写缺失测试并运行验证。
需要为包含 usePermissions 的组件补充单元测试
发现权限相关组件的测试失败或不存在
npx skills add trycompai/comp --skill audit-tests -g -y
提供 Better Auth 的集成指南,涵盖安装、环境变量配置、数据库适配器设置、会话管理及插件使用。用于解决 TypeScript 认证、OAuth 及路由处理等开发问题。
Better Auth 集成与配置
设置 TypeScript 认证
配置 OAuth 或 Email/Password
管理会话存储策略
npx skills add trycompai/comp --skill better-auth-best-practices -g -y
管理Comp AI计费系统,涵盖Stripe集成、SKU定义、订阅结账、支付方法、权限控制及账单Webhook处理。指导代码实现模式与验证流程。
修改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规则,涵盖.mdc文件结构、元数据配置、自动/手动应用机制及最佳实践,旨在提升代码一致性与质量。
询问如何创建或修改Cursor规则
需要统一项目AI行为指南
遇到Cursor AI生成代码不符合规范
npx skills add trycompai/comp --skill cursor-usage -g -y
规范前端数据获取与组件架构,定义Server Page到Client Component的SWR模式,提供API Client封装及状态管理最佳实践,禁止使用nuqs。
实现数据获取逻辑
编写SWR Hook
区分服务器和客户端组件
npx skills add trycompai/comp --skill data -g -y
用于诊断SDK生成失败原因并制定修复策略,涵盖错误分析、分类及具体解决步骤。
SDK generation failed
speakeasy run failed
SDK build error
workflow failed
npx skills add trycompai/comp --skill diagnose-generation-failure -g -y
规定前端表单开发标准,强制使用 React Hook Form 结合 Zod 进行类型推断与数据校验。涵盖基础模式、复杂组件控制及错误处理,确保表单的一致性与健壮性。
构建用户输入表单
实现数据验证逻辑
前端状态管理
npx skills add trycompai/comp --skill forms -g -y
基于 OpenAPI 规范使用 Speakeasy 生成 TypeScript MCP 服务器,使 AI 助手能调用 API。
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 管理包依赖、构建运行及包间导入规范,涵盖新包创建、类型检查与 ESLint 修复等开发流程。
需要安装或添加依赖包
配置或调整 monorepo 结构
执行构建、测试或 lint 命令
解决 TypeScript 或 ESLint 错误
npx skills add trycompai/comp --skill infra -g -y
用于管理 OpenAPI Overlay 文件,支持创建、应用和验证覆盖规则以定制 SDK 生成。涵盖语法、JSONPath 定位、重试、分页及扩展配置等手动操作场景。
create overlay
apply overlay
overlay file
x-speakeasy
add extension
configure retries
add pagination
npx skills add trycompai/comp --skill manage-openapi-overlays -g -y
用于在仓库中快速启动新功能或修复Bug。自动创建git worktree、隔离PostgreSQL数据库、配置环境变量并安装依赖,使开发环境立即可用,避免手动重复配置基础设施。
开始新功能
启动工作树
处理Linear工单
创建新分支
npx skills add trycompai/comp --skill new-feature-setup -g -y
执行全面的生产就绪检查,包括RBAC、钩子、设计系统和测试审计。通过并行子代理运行审计,并执行monorepo类型检查和Vitest构建验证,最终输出包含修复摘要和构建状态的生产就绪报告。
需要验证代码是否满足生产环境标准
发布前执行全面的自动化质量与安全检查
集成CI/CD流水线中的构建后验证步骤
npx skills add trycompai/comp --skill production-readiness -g -y
提供提示词工程最佳实践,涵盖核心原则与六大技巧,指导用户高效编写指令以优化大模型交互效果。
需要优化或编写AI提示词时
学习提示词设计技巧时
npx skills add trycompai/comp --skill prompt-engineering -g -y
规范 Speakeasy SDK 与 OpenAPI 任务流程,强制先执行 agent context 获取 CLI 能力,再执行任务,最后提供反馈。禁止依赖网络搜索或猜测语法,确保开发准确性。
使用 Speakeasy SDK 进行开发
处理 OpenAPI 相关任务
npx skills add trycompai/comp --skill speakeasy-context -g -y
用于清理过期的git worktree及其关联的孤立Postgres数据库。通过盘点、分类(安全/需确认/保留)并展示建议,确保在删除前获得用户确认,防止误删有效工作。
clean up worktrees
delete stale worktrees
worktrees piling up
orphaned databases
remove unused 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 编写异步任务的最佳实践,涵盖基础任务、带验证的 Schema 任务、定时任务及任务触发与等待机制。
使用 Trigger.dev SDK 开发异步任务
配置任务重试策略和调度规则
实现任务间的触发与结果处理
npx skills add trycompai/comp --skill trigger-basic -g -y
提供Trigger.dev v4项目配置指南,涵盖trigger.config.ts基础设置、重试策略及Prisma、Python、Playwright等构建扩展集成方法。
配置Trigger.dev项目
添加构建扩展
设置任务运行时
npx skills add trycompai/comp --skill trigger-config -g -y
指导如何在Trigger.dev中实现实时功能,包括订阅任务运行状态、元数据更新及流式传输,涵盖后端订阅逻辑与前端React Hook集成,用于构建实时监控面板和即时UI反馈。
需要实时监控Trigger.dev任务执行进度
前端需接收任务状态变更或流式数据
配置公开令牌以安全访问运行信息
npx skills add trycompai/comp --skill trigger-realtime -g -y
规范前端UI组件开发,强制优先使用内部设计系统,禁止直接传递className,要求语义化色彩与暗黑模式支持,并指导组件封装策略。
构建或编辑前端UI组件
处理布局、样式、设计系统、颜色、暗黑模式或图标
npx skills add trycompai/comp --skill ui -g -y
定义 NestJS API 端点规范,确保 DTO、OpenAPI 文档与 MCP Server 一致性。要求使用类而非接口,DTO 属性需同时包含 Swagger 和验证装饰器,并显式声明请求体类型,防止运行时校验失败或 Agent 调用异常。
新增 API 端点
修改控制器
创建 DTO
编辑 @Body 参数
添加权限装饰器
更新 OpenAPI 规范
npx skills add trycompai/comp --skill api-endpoint-contract -g -y
审计并修复前端代码,将组件库迁移至 @trycompai/design-system,替换遗留 UI 包和图标库,确保符合设计规范并通过类型检查。
需要统一或升级设计系统组件时
发现使用了旧版 @trycompai/ui 或 lucide-react 需迁移时
npx skills add trycompai/comp --skill audit-design-system -g -y
审计并修复前端文件中的 Hook 和 API 使用违规,消除 server actions、原始 fetch 及过时模式,强制统一使用 SWR 和数据客户端。
代码审查中发现使用了 useAction 或 Server Actions
发现直接使用 @db 进行数据库操作
检查数据获取是否未使用 SWR 钩子
验证 API 调用是否符合 apiClient 规范
npx skills add trycompai/comp --skill audit-hooks -g -y
审计并修复API端点和前端组件中的RBAC及审计日志合规性问题。自动添加缺失的权限装饰器、守卫及前端权限控制逻辑,确保符合安全规范。
检查代码中的RBAC合规性
修复缺失的权限控制逻辑
审计API端点和前端组件的安全问题
npx skills add trycompai/comp --skill audit-rbac -g -y
审计并修复权限控制组件的单元测试,确保覆盖管理员和审计员场景。自动编写缺失测试并修复失败用例,使用Vitest框架验证组件行为。
检查权限组件的单元测试覆盖率
为缺少测试的权限门控组件生成测试
修复失败的单元测试
npx skills add trycompai/comp --skill audit-tests -g -y
提供统一只读服务以复用集成检查结果,避免直接查询数据库。适用于需展示2FA状态、AWS S3发现等功能的场景,确保数据获取标准化与解耦。
需要复用集成检查的结果
在功能中展示2FA或合规性状态
避免手写IntegrationCheckResult查询
npx skills add trycompai/comp --skill check-results-service -g -y
强制在代码编写或修改后执行的质量检查技能,通过审查变更文件消除冗余、不一致和可读性问题,确保代码整洁并符合规范。
完成实现工作后
修复 Bug 后
重构代码后
提交代码前
npx skills add trycompai/comp --skill cleanup -g -y
提供 TypeScript 和 React 开发规范,强调类型安全、组件模式及文件组织。指导避免 unsafe 操作,推荐派生状态和命名导出,并规定代码结构与质量要求。
编写 TypeScript/React 代码
审查前端代码风格
重构 React 组件
npx skills add trycompai/comp --skill code -g -y
说明如何编写和管理 Cursor AI 规则文件,包括 YAML 元数据配置、Markdown 内容结构、自动应用与手动调用方式,以及保持规则专注、提供示例等最佳实践。
用户询问如何创建或配置 Cursor 规则
需要优化 AI 代码生成的一致性
解释 .cursor/rules 目录下的 .mdc 文件格式
npx skills add trycompai/comp --skill cursor-usage -g -y
规范前端数据获取与状态管理,定义服务端渲染至客户端SWR Hook的核心模式,指导API调用、组件拆分及URL状态处理。
实现数据获取逻辑
创建或优化SWR Hook
区分Server/Client组件职责
进行API调用封装
npx skills add trycompai/comp --skill data -g -y
规定前端表单开发规范,强制使用 React Hook Form 结合 Zod 进行类型推断与数据验证。涵盖基础模式、Schema 定义、复杂组件控制及状态管理,确保表单逻辑统一与健壮性。
构建用户输入表单
实现表单数据验证
集成 Zod 校验逻辑
npx skills add trycompai/comp --skill forms -g -y
指导 Monorepo 项目使用 Bun 进行包管理、依赖安装及构建,规范多包结构、跨包导入及代码检查流程。
处理 monorepo 结构
添加或更新依赖
配置构建脚本
解决 TypeScript 类型错误
npx skills add trycompai/comp --skill infra -g -y
用于在仓库中快速启动新功能或修复任务,通过 git worktree 自动创建分支、环境、数据库及依赖安装流程,实现开箱即用的开发准备。
start a new feature
spin up a worktree
begin ticket
new branch
npx skills add trycompai/comp --skill new-feature-setup -g -y
执行生产就绪检查,并行运行RBAC、钩子、设计系统、测试及安全审计,并验证Monorepo构建状态,最终输出包含修复摘要和构建状态的报告。
发布前质量门禁
全面合规与安全审计
构建验证与集成测试
npx skills add trycompai/comp --skill production-readiness -g -y
提供提示词工程最佳实践,涵盖明确指令、多示例及思维链等核心技巧,用于提升大模型交互效果。
需要优化或编写提示词时
询问大模型使用技巧时
npx skills add trycompai/comp --skill prompt-engineering -g -y
用于在代码提交前审查高安全风险漏洞,如访问控制、注入、密钥泄露等。通过分发子Agent并行检查信任边界代码,验证并修复高危问题,生成报告以确保安全合规。
编辑API控制器、守卫或认证代码后
修改Prisma schema或查询后
处理文件上传或Webhook逻辑时
准备提交或推送安全敏感变更前
npx skills add trycompai/comp --skill security-review -g -y
用于清理过期的 git worktree 目录及其关联的孤立 compdev_* Postgres 数据库。通过盘点、分类和确认流程,安全移除已合并或废弃的工作区,解决磁盘空间占用问题。
清理旧 worktrees
删除陈旧的 worktrees
worktrees 堆积
孤立的数据库
移除未使用的 worktree
npx skills add trycompai/comp --skill stale-worktree-cleanup -g -y
提供 Trigger.dev v4 高级任务编写指南,涵盖标签组织、并发队列管理及错误重试机制。指导开发者实现任务的精细化控制与高可用性。
询问 Trigger.dev 任务最佳实践
配置任务并发或队列限制
处理异步任务错误或重试逻辑
npx skills add trycompai/comp --skill trigger-advanced-tasks -g -y
提供 Trigger.dev v4 SDK 编写异步任务的基础规范,涵盖基础、带验证及定时任务的定义,以及从后端或内部触发、批处理和等待结果的最佳实践。
用户需要创建 Trigger.dev 异步任务
用户需要配置任务重试策略
用户需要从代码中触发或调度任务
npx skills add trycompai/comp --skill trigger-basic -g -y
提供Trigger.dev v4项目的配置指南,涵盖trigger.config.ts基础设置、重试策略及构建扩展(如Prisma、Python、Playwright等),用于自动化任务调度与部署配置。
需要配置Trigger.dev项目时
添加或修改Trigger.dev构建扩展时
npx skills add trycompai/comp --skill trigger-config -g -y
介绍 Trigger.dev v4 实时功能,涵盖后端任务订阅、流式处理及前端 React Hook 集成,用于构建实时监控和 UI 更新。
需要实时监听任务状态变更
实现前端与后端的实时数据同步
构建基于触发器的实时仪表盘
npx skills add trycompai/comp --skill trigger-realtime -g -y
指导前端UI组件开发,优先使用设计系统,规范样式、布局及图标使用,强调语义化颜色和暗色模式支持。
构建或编辑前端UI组件
调整布局和样式
使用设计系统
npx skills add trycompai/comp --skill ui -g -y
定义前端开发核心规范,涵盖包管理、组件使用、类型安全及数据获取策略。
询问前端编码规范
检查代码风格合规性
配置开发环境
npx skills add trycompai/comp --skill essentials -g -y
规范 Prisma 数据库迁移流程与 ID 生成策略。规定 Schema 变更在 packages/db 进行,需执行 migrate dev 并全局再生类型。强制使用带前缀的 CUID 作为主键,禁止 UUID 或自增 ID,确保 ID 可读性与一致性。
修改 Prisma Schema 文件
执行数据库迁移操作
定义模型主键字段
npx skills add trycompai/comp --skill prisma -g -y
指导如何使用 Trigger.dev SDK 定义、配置和管理基于 Cron 的定时任务,涵盖声明式与命令式调度、多租户示例及仪表盘操作。
需要实现周期性后台任务
配置 Cron 表达式触发作业
管理定时任务的创建、更新或删除
npx skills add trycompai/comp --skill trigger-scheduled-tasks -g -y
定义前端开发核心规范,涵盖包管理、组件使用、TypeScript类型安全、数据获取及状态管理标准,确保代码质量与一致性。
需要遵循项目基础编码规范
前端组件开发与样式处理
TypeScript类型定义与校验
Next.js数据获取与状态管理
npx skills add trycompai/comp --skill essentials -g -y


