Agent Skills
› trycompai/crm
trycompai/crm
GitHub基于shadcn/ui构建AI聊天界面的组件库，提供对话、消息等预置组件。用于快速搭建Chatbot或AI助手前端UI。
Install All Skills
npx skills add trycompai/crm --all -g -y
Skills in Collection (15)
基于shadcn/ui构建AI聊天界面的组件库，提供对话、消息等预置组件。用于快速搭建Chatbot或AI助手前端UI。
用户希望构建AI聊天界面
需要集成AI对话UI组件
询问如何安装ai-elements
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 的全栈集成指南，涵盖服务端与客户端配置、数据库适配器选择、会话管理及环境变量设置，适用于 TypeScript 认证系统搭建。
Better Auth 集成配置
数据库适配器设置
会话管理策略
环境变量的处理
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
用于构建基于eve框架的持久化后端AI代理。涵盖项目创建、编辑及调试，涉及代理指令、技能、工具、连接、通道、沙箱、子代理、调度和评估等配置与开发任务。
创建或初始化eve AI代理项目
编辑或调试eve代理的配置（如指令、工具、技能）
查找eve框架相关文档以进行开发
npx skills add trycompai/crm --skill eve -g -y
提供NestJS生产级应用的最佳实践与架构模式，涵盖模块、依赖注入、安全及性能优化。用于编写、审查或重构NestJS代码，确保遵循规范。
编写新的NestJS模块、控制器或服务
审查代码以发现架构和安全问题
重构现有的NestJS代码库
npx skills add trycompai/crm --skill nestjs-best-practices -g -y
强制在React开发中禁用useEffect，提供五种替代模式（派生状态、数据获取、事件处理等）及useMountEffect逃生舱，用于编写、重构或审查代码时消除副作用。
编写新React组件
重构现有useEffect调用
审查引入useEffect的PR
npx skills add trycompai/crm --skill no-use-effect -g -y
提供 nuqs 库在 Next.js 和 React 中的类型安全 URL 状态管理最佳实践，涵盖解析器配置、适配器设置、状态管理及性能优化等规则，用于指导代码编写、审查与重构。
使用 nuqs 进行 URL 状态管理
配置 URL 参数解析器
Next.js 路由与状态集成
URL 更新性能优化
npx skills add trycompai/crm --skill nuqs -g -y
提供 Prisma ORM 与多种数据库（PostgreSQL、MySQL、MongoDB 等）的配置指南，涵盖项目初始化、连接配置及故障排查。
configure postgres
connect to mysql
setup mongodb
sqlite setup
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理 shadcn/ui 组件，支持添加、搜索、修复、调试和样式定制。提供项目上下文、文档及使用示例，指导基于源码的 UI 构建与组合。
shadcn init
create an app with --preset
switch to --preset
使用 shadcn/ui 组件库
存在 components.json 文件
npx skills add trycompai/crm --skill shadcn -g -y
用于创建、修改和优化 Agent Skill 的工具。支持从构思到评估的完整迭代流程，包括编写测试用例、运行定量/定性评估、基于反馈优化技能描述及触发准确性。
用户希望从零开始创建新的 Skill
用户需要编辑或优化现有 Skill 的性能和触发准确率
npx skills add trycompai/crm --skill skill-creator -g -y
指导 Turborepo monorepo 构建系统的配置与最佳实践，涵盖任务管道、缓存优化、并行执行及 CLI 使用规范。
配置 turbo.json 任务管道
调试缓存命中问题
优化 CI/CD 中的 monorepo 构建流程
设置包间依赖关系
npx skills add trycompai/crm --skill turborepo -g -y
提供TypeScript高级类型系统（泛型、条件类型等）指导，用于构建类型安全应用、复用组件及实现复杂类型逻辑。
实现复杂的类型推断逻辑
创建可复用的泛型组件
迁移JavaScript到TypeScript
构建类型安全的API客户端
npx skills add trycompai/crm --skill typescript-advanced-types -g -y
提供React组件组合模式指南，用于重构含大量布尔属性的组件、构建可复用库及设计灵活API。涵盖复合组件、渲染属性、上下文提供者等架构最佳实践及React 19特性。
重构包含大量布尔prop的组件
构建可复用的React组件库
设计灵活的组件API架构
审查组件架构设计
npx skills add trycompai/crm --skill vercel-composition-patterns -g -y
提供React和Next.js性能优化指南，涵盖消除数据瀑布流、包体积优化及服务端性能等70条规则。适用于编写、审查或重构相关代码以提升应用性能与加载速度。
编写新的React组件或Next.js页面
实施数据获取逻辑
审查代码以发现性能问题
重构现有React/Next.js代码
优化包体积或加载时间
npx skills add trycompai/crm --skill vercel-react-best-practices -g -y
用于审查Web界面代码是否符合设计规范。通过获取最新指南，检查指定文件，并输出格式化的合规性发现结果，支持UI、无障碍及UX审计场景。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add trycompai/crm --skill web-design-guidelines -g -y
用于在 NestJS 中构建端到端类型安全的 tRPC API。涵盖模块注册、路由定义、依赖注入配置、Zod 校验及 Rust CLI 类型生成，支持从 GraphQL/REST 迁移。
nestjs-trpc
tRPC in a NestJS app
@Router or @Query decorators
TRPCModule
AppRouterHost
typed API between my Nest backend and frontend
generating AppRouter types
migrating a NestJS GraphQL/REST API to tRPC
npx skills add trycompai/crm --skill nestjs-trpc -g -y
