Agent Skills
› trycompai/crm
trycompai/crm
GitHub提供基于 shadcn/ui 的 AI 聊天界面组件库，支持对话、消息展示及工具显示。用于快速构建 Chatbot、AI 助手 UI 等 AI 驱动的前端交互应用。
Install All Skills
npx skills add trycompai/crm --all -g -y
Skills in Collection (36)
提供基于 shadcn/ui 的 AI 聊天界面组件库，支持对话、消息展示及工具显示。用于快速构建 Chatbot、AI 助手 UI 等 AI 驱动的前端交互应用。
用户想要构建 AI 聊天界面或 Chatbot
需要集成 AI 助手 UI 组件
询问如何安装和使用 ai-elements
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 集成指南，涵盖安装、环境配置、数据库适配器设置、会话管理及 CLI 命令，用于快速搭建 TypeScript 认证服务。
用户提及 Better Auth, betterauth, auth.ts
需要设置基于 email/password 或 OAuth 的 TypeScript 认证
需要配置插件或环境变量
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
处理 Web 项目的 OKLCH 色彩系统，包括格式转换、调色板生成、对比度检查及 Tailwind v4 集成。适用于涉及色彩空间、无障碍设计和主题配置的视觉开发任务。
颜色转换与标准化
调色板生成
对比度检测与修复
Tailwind 主题配置
npx skills add trycompai/crm --skill better-colors -g -y
协调多个专项技能对界面进行整体审查，涵盖无障碍、布局、文案等维度。根据快速或完整模式收集证据并整合为优先级报告，确保跨学科设计一致性。
触发 better-interface
full interface review
holistic UI audit
cross-discipline design review
review the whole interface
npx skills add trycompai/crm --skill better-interface -g -y
提供UI细节打磨原则，涵盖动画、图标、阴影及微交互等视觉优化。用于构建或审查前端组件，解决界面观感不佳、动效不流畅等问题，提升用户体验的精致度。
构建UI组件
审查前端代码视觉细节
实现动画与微交互
选择或审查图标
解决界面观感问题
npx skills add trycompai/crm --skill better-ui -g -y
专注于用户体验文案与界面文本的撰写和审查，涵盖按钮、错误提示等微复制内容，确保清晰一致。
UX writing
interface copy
error messages
npx skills add trycompai/crm --skill better-writing -g -y
用于深度审查代码变更，检查复用性、组合合理性、代码库一致性及消除冗余。通过对比现有模式避免重复造轮子，确保命名、结构和抽象边界符合项目规范。
审查 PR 或代码差异
检查代码复用和一致性
识别并清理冗余代码
npx skills add trycompai/crm --skill code-refactor-review -g -y
自动提交代码、推送分支并创建带结构化描述的 Draft PR，支持根据变更类型生成 UX Flow 说明，提升 PR 质量与一致性。
需要提交代码并创建 Pull Request
希望自动生成符合规范的 PR 描述
npx skills add trycompai/crm --skill create-draft-pr -g -y
用于渲染语法高亮文件、diffs、补丁及合并冲突的 Skill，支持 React、SSR、Worker 及自定义主题。适用于代码审查界面构建与编辑场景。
需要渲染代码文件或差异内容
构建代码审查界面或编辑器
处理合并冲突可视化
npx skills add trycompai/crm --skill diffs -g -y
用于使用eve框架构建、编辑和调试持久化后端AI代理。涵盖指令、技能、工具、连接、通道及子代理等组件的开发与配置，强调以文件系统为核心并优先参考内置文档。
创建或初始化eve AI代理项目
编辑或调试eve框架下的代理组件
配置eve的渠道、调度或评估设置
npx skills add trycompai/crm --skill eve -g -y
启动或继续现有PR/分支的后续工作，支持并行tmux会话、合并冲突解决及指定Agent框架。
用户请求处理现有PR
需要继续某个分支的工作
要求解决PR中的合并冲突
在后台执行PR相关任务
npx skills add trycompai/crm --skill ga-pr -g -y
自动化启动并行开发任务，接收需求生成分支名，创建工作区并配置AI代理执行，支持指定Harness及最终提交PR。
用户描述新功能或Bug修复需求
需要创建独立开发分支并启动AI辅助编码
npx skills add trycompai/crm --skill ga -g -y
管理 GitHub 堆叠 PR，支持分支栈的创建、查看、推送、同步、变基、合并及检出。提供非交互模式配置与分支归属编辑指南，适用于拆分多部分工作以便审查的场景。
用户请求创建或管理堆叠 PR
需要拆分代码为多个可审查分支
涉及分支栈的变基、同步或合并操作
npx skills add trycompai/crm --skill gh-stack -g -y
在本地 TypeScript/JS 仓库中安装、配置 anti-slop Oxlint 插件，集成现有 Lint 设置并启用规则。
用户要求添加 anti-slop lint 规则
需要复制 anti-slop 插件
迁移现有的 local anti-slop 配置
npx skills add trycompai/crm --skill install-anti-slop -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 URL 查询状态管理最佳实践，涵盖 Next.js/React 框架下的类型安全配置、解析器设置、性能优化及调试指南，用于指导代码生成、重构与审查。
使用 nuqs 进行 URL 状态管理
配置 URL 参数解析器
Next.js 路由集成与性能优化
代码审查或重构涉及 URL 状态
npx skills add trycompai/crm --skill nuqs -g -y
一种代码重构策略，旨在通过修改公共接口（如API、Hook、Props等）将正确行为设为默认路径，消除使用陷阱。核心步骤包括识别调用点、运行足部测试、将不变量移入接口并删除绕过逻辑，确保未来维护者能直观且安全地调用。
发现API或组件存在易误用的设计缺陷
需要重构代码以提高健壮性和易用性
公共接口允许调用者产生非预期行为
npx skills add trycompai/crm --skill pit-of-success -g -y
辅助用户在代码中集成 PostHog 分析功能，包括事件追踪、用户识别和特性标志实现。支持多种框架，提供标准化代码模式与最佳实践。
添加 PostHog 分析
追踪事件或用户行为
实现特性标志
npx skills add trycompai/crm --skill posthog-instrumentation -g -y
分析当前分支相对于 main 的差异及关联 PR，构建上下文以便后续任务处理。通过读取 diff、提交历史和 PR 信息，总结分支目的、影响范围及关键决策，为开发者提供完整背景。
prepare context
branch context
catch me up
what's on this branch
npx skills add trycompai/crm --skill prepare-branch-context -g -y
提供 Prisma ORM 与多种数据库（PostgreSQL、MySQL 等）的配置指南，涵盖项目初始化、连接配置、驱动适配器选择及客户端生成，解决数据库连接问题。
配置新项目的数据库连接
切换数据库提供商
排查数据库连接故障
设置特定数据库功能
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理 shadcn/ui 组件库，支持添加、搜索、调试 UI 及样式调整。提供项目上下文与组件文档，指导基于 Tailwind 和语义化颜色的前端开发规范。
使用 shadcn/ui 构建或修改 UI 界面
需要安装或搜索 shadcn 组件
涉及 Tailwind 样式规范与组件组合
npx skills add trycompai/crm --skill shadcn -g -y
用于创建、修改和优化 Agent Skill，包括编写草稿、设计测试用例、运行评估及基于反馈迭代优化，旨在提升技能触发准确性和性能。
用户希望从零开始创建一个新的 Skill
需要编辑或优化现有 Skill 的描述和逻辑
运行评估以测试和基准分析 Skill 性能
npx skills add trycompai/crm --skill skill-creator -g -y
提供Turborepo单仓库构建系统配置指导，涵盖任务管道定义、依赖管理、缓存优化及CI集成。确保脚本置于包内以支持并行执行，规范turbo run命令使用，解决缓存失效等问题。
配置turbo.json任务管道和依赖关系
调试Turborepo缓存问题或性能瓶颈
设置Monorepo项目结构和包间代码共享
优化CI/CD中的构建流程
npx skills add trycompai/crm --skill turborepo -g -y
指导掌握TypeScript高级类型系统，包括泛型、条件类型、映射类型及工具类型。用于构建类型安全应用、复用通用组件、实现复杂类型推断及迁移JS代码库至TS。
实现复杂的类型逻辑
创建可复用的类型工具或泛型组件
确保编译时类型安全
将JavaScript项目迁移到TypeScript
npx skills add trycompai/crm --skill typescript-advanced-types -g -y
用于创建以用户体验为核心的架构规划技能。通过构建当前与期望状态的UX流程树，明确架构边界决策，并在流程清晰后关联具体的函数、文件及测试锚点，实现从产品需求到技术实现的有序映射。
需要制定新功能或模块的架构设计方案
梳理复杂业务逻辑的用户交互流程
在编码前进行系统边界和职责划分
npx skills add trycompai/crm --skill ux-flow-plan -g -y
提供React组件组合模式指南，用于解决布尔属性泛滥、构建可复用库及设计灵活API。涵盖复合组件、渲染属性和上下文提供者等架构优化，支持React 19新特性。
重构具有大量布尔属性的组件
构建可复用的组件库
审查组件架构
设计灵活的组件API
npx skills add trycompai/crm --skill vercel-composition-patterns -g -y
基于Vercel工程的React和Next.js性能优化指南，涵盖消除数据瀑布、包体积优化等70条规则，用于指导代码编写、审查及重构以提升应用性能。
编写或重构React/Next.js组件
实施客户端或服务端数据获取
审查代码以发现性能瓶颈
优化打包体积或加载速度
npx skills add trycompai/crm --skill vercel-react-best-practices -g -y
审查前端 UI 代码是否符合 Web 界面设计规范，支持自动获取最新规则并检查文件合规性。
review my UI
check accessibility
audit design
review UX
npx skills add trycompai/crm --skill web-design-guidelines -g -y
重构代码以消除技术债务，从最终目标状态出发，删除废弃的兼容性代码和意外复杂性，优化组件结构、共享规则及命名，确保代码符合产品意图。
重构遗留代码
清理未使用的兼容路径
优化组件架构
npx skills add trycompai/crm --skill zero-tech-debt -g -y
协助开发者使用 Vercel AI SDK 构建 AI 应用，提供关于 API、模型集成及 UI 组件的指导。强调查阅本地文档而非依赖记忆，确保代码准确性。
AI SDK
Vercel AI SDK
generateText
streamText
add AI to my app
build an agent
tool calling
structured output
useChat
npx skills add trycompai/crm --skill ai-sdk -g -y
提供前端界面无障碍工程指南，涵盖焦点管理、键盘支持、ARIA语义、表单及屏幕阅读器适配。指导在构建或审查UI组件时遵循WCAG标准，确保可访问性。
用户提及无障碍、a11y、WCAG、ARIA等关键词
报告键盘导航或屏幕阅读器问题
需要审查或构建UI组件的可访问性
npx skills add trycompai/crm --skill better-accessibility -g -y
提供Web界面布局结构指南，涵盖分组、对齐、间距、响应式断点及RTL处理。用于构建或审查UI代码的布局与视觉层级设计。
页面或组件结构规划
控件间距或对齐调整
响应式断点决策
RTL布局方向处理
前端代码布局审查
npx skills add trycompai/crm --skill better-layout -g -y
专注于Web排版优化的技能，涵盖字体选择、变量字体配置、间距缩放、文本换行截断及无障碍对比度检查。用于前端代码审查与样式实现，确保文本渲染质量与可读性。
Web排版优化
字体选择与配对
变量字体配置
文本换行与截断
前端样式审查
npx skills add trycompai/crm --skill better-typography -g -y
用于在 NestJS 中构建端到端类型安全的 tRPC API，涵盖装饰器使用、DI 集成、Zod 校验及 Rust CLI 客户端类型生成。
用户提及 nestjs-trpc 或 tRPC 与 NestJS 结合
涉及 @Router/@Query 等装饰器或 TRPCModule 配置
需要生成 AppRouter 类型或在 NestJS 中迁移至 tRPC
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于诊断网站SEO问题，提供技术、页面及内容层面的优化建议。适用于排名下降、收录异常、爬虫错误或核心指标不佳等场景。
用户提到SEO审计或技术问题
询问为何未获得排名或流量下降
需要检查元标签或抓取错误
npx skills add trycompai/crm --skill seo-audit -g -y
