Agent Skills
› trycompai/crm
trycompai/crm
GitHub提供基于shadcn/ui的AI聊天界面组件库，支持对话、消息展示及提示输入等UI构建，用于快速开发AI助手或聊天机器人前端。
Install All Skills
npx skills add trycompai/crm --all -g -y
Skills in Collection (17)
提供基于shadcn/ui的AI聊天界面组件库，支持对话、消息展示及提示输入等UI构建，用于快速开发AI助手或聊天机器人前端。
构建AI聊天界面
集成AI助手UI
使用ai-elements组件
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 集成指南，涵盖服务端与客户端配置、数据库适配器设置、会话管理及插件使用。指导用户完成安装、环境变量配置及迁移流程，解决 TypeScript 认证相关问题。
Better Auth 配置
auth.ts 设置
Better Auth 数据库适配
Better Auth 会话管理
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
用于构建基于eve框架的持久化后端AI智能体。涵盖创建、编辑和调试项目，包括指令、技能、工具、连接及调度等配置文件的处理。
创建新的eve AI智能体项目
编辑或调试现有的eve智能体配置
使用eve框架开发后端AI应用
npx skills add trycompai/crm --skill eve -g -y
提供NestJS生产级应用的最佳实践与架构模式，涵盖模块、依赖注入、安全及性能等40条规则。用于编写、审查或重构代码，确保符合设计原则与安全标准。
编写新的NestJS模块或服务
审查代码以发现架构或安全问题
重构现有NestJS代码库
实现认证和授权逻辑
npx skills add trycompai/crm --skill nestjs-best-practices -g -y
用于在编写、重构或审查 React 代码时，强制禁止直接使用 useEffect。提供五种替代模式及 useMountEffect 逃生舱口，引导使用派生状态、事件处理或数据获取库来优化组件逻辑。
编写新的 React 组件
重构现有的 useEffect 调用
审查引入 useEffect 的 PR
Agent 尝试添加 useEffect
npx skills add trycompai/crm --skill no-use-effect -g -y
提供 nuqs 库在 Next.js 和 React 中管理 URL 查询状态的最佳实践。涵盖类型安全解析器配置、适配器设置、状态管理及性能优化，用于指导代码编写、审查与重构。
使用 nuqs 进行 URL 状态管理
配置 URL 参数解析器
集成 Server Components 中的 URL 状态
优化 URL 更新性能
npx skills add trycompai/crm --skill nuqs -g -y
辅助用户在代码中集成PostHog分析、事件追踪及功能标志，支持多种框架与语言。
用户请求添加PostHog或分析功能
需要追踪事件或用户行为
实现功能标志
询问代码埋点方法
npx skills add trycompai/crm --skill posthog-instrumentation -g -y
提供 Prisma ORM 与多种数据库（PostgreSQL、MySQL、SQLite、MongoDB等）的配置指南，涵盖新项目初始化、连接配置及故障排查。
configure postgres
connect to mysql
setup mongodb
sqlite setup
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理 shadcn/ui 组件与项目，支持添加、搜索、修复及样式调整。提供上下文、文档及使用示例，指导基于 CLI 进行 UI 构建、组合与调试，遵循特定样式与结构规范。
使用 shadcn/ui 框架开发前端界面
通过 CLI 安装或搜索组件
需要应用 shadcn 样式规范或调试 UI 问题
初始化包含 components.json 的项目
npx skills add trycompai/crm --skill shadcn -g -y
用于创建、修改和优化 Agent Skill。支持从构思到编写草稿、生成测试用例、运行评估及基准分析，并根据反馈迭代优化技能描述和触发准确性，帮助用户完成技能的完整开发生命周期。
用户希望从零开始创建一个新的 skill
用户需要编辑或优化现有的 skill
用户想要运行评估测试以测量 skill 性能
用户希望优化 skill 的描述以提高触发准确率
npx skills add trycompai/crm --skill skill-creator -g -y
指导JavaScript/TypeScript Monorepo使用Turborepo构建系统，涵盖任务配置、缓存优化、并行执行及CI集成最佳实践。
配置turbo.json任务管道
调试缓存命中问题
优化Monorepo构建与CI流程
npx skills add trycompai/crm --skill turborepo -g -y
提供TypeScript高级类型系统（泛型、条件类型等）指导，用于构建类型安全应用、复用组件及复杂类型推断。
实现复杂类型逻辑
创建可复用类型工具
确保编译时类型安全
npx skills add trycompai/crm --skill typescript-advanced-types -g -y
提供React组件组合模式指南，用于解决布尔属性泛滥、构建可复用库及设计灵活API。涵盖复合组件、状态提升、渲染属性及React 19新特性，辅助重构和架构审查。
重构包含大量布尔属性的组件
构建可复用的组件库
审查或设计组件架构
实现复合组件或上下文提供者
npx skills add trycompai/crm --skill vercel-composition-patterns -g -y
基于Vercel工程团队的React与Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端渲染等规则。用于编写、审查或重构代码时确保高性能模式。
编写新的React组件或Next.js页面
实现数据获取逻辑
审查代码以发现性能问题
重构现有React/Next.js代码
优化包体积或加载时间
npx skills add trycompai/crm --skill vercel-react-best-practices -g -y
用于审查UI代码是否符合Web界面指南。通过获取最新规范，检查指定文件并输出违规位置，适用于UI审查、无障碍检查和UX审计等场景。
review my UI
check accessibility
audit design
npx skills add trycompai/crm --skill web-design-guidelines -g -y
指导在NestJS中使用nestjs-trpc构建端到端类型安全的API，涵盖模块配置、装饰器使用、依赖注入及Rust CLI类型生成。
用户提到nestjs-trpc或tRPC与NestJS集成
询问@Router/@Query等装饰器用法
需要将NestJS API迁移至tRPC
涉及AppRouter类型生成问题
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于全面诊断网站SEO问题，涵盖技术基础、爬取索引、页面优化及内容质量。提供可执行建议以提升自然搜索排名和流量。
用户提及SEO审计、技术SEO或排名下降
询问核心网页指标、抓取错误或索引问题
npx skills add trycompai/crm --skill seo-audit -g -y
