Agent Skills
› trycompai/crm
trycompai/crm
GitHub提供基于shadcn/ui的AI聊天界面组件库，用于快速构建对话、消息展示及提示输入等AI原生应用UI。
Install All Skills
npx skills add trycompai/crm --all -g -y
Skills in Collection (36)
提供基于shadcn/ui的AI聊天界面组件库，用于快速构建对话、消息展示及提示输入等AI原生应用UI。
构建AI聊天界面
集成AI助手UI组件
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 的集成指南，涵盖服务端与客户端配置、数据库适配器设置、会话管理及插件和环境变量处理。指导用户完成 TypeScript 身份验证的快速搭建与核心功能配置。
Better Auth 集成配置
auth.ts 文件创建
数据库适配器选择
会话管理策略
环境变量设置
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
提供 OKLCH 色彩空间在 Web 项目中的应用指导，涵盖颜色转换、调色板生成、对比度检查及 Tailwind v4 主题配置。
颜色转换
调色板生成
对比度检查
npx skills add trycompai/crm --skill better-colors -g -y
协调六个前端专项技能对界面进行整体审查，支持快速和完整两种模式。负责范围界定、依赖确认及结果整合，确保不重复规则并输出统一优先级的审查结论。
better-interface
full interface review
holistic UI audit
cross-discipline design review
npx skills add trycompai/crm --skill better-interface -g -y
提供UI界面打磨的设计工程原则，涵盖圆角、阴影、动画及图标细节。用于构建组件、审查前端代码、实现微交互及优化视觉体验，确保界面精致感。
构建或审查UI组件
实现动画和微交互
处理图标样式与状态
优化视觉细节如阴影和边框
npx skills add trycompai/crm --skill better-ui -g -y
专注于UX写作和界面文案的指南，涵盖按钮、错误消息等用户可见文本的撰写与审查，强调清晰、一致性和语气适配。
UX写作
界面文案审查
微文案生成
npx skills add trycompai/crm --skill better-writing -g -y
用于审查代码变更，检查复用性、组合性、代码库一致性及冗余代码。适用于PR审查、差异对比及代码质量评估场景。
审查 PR 或 diff
检查代码复用与一致性
清理冗余代码
npx skills add trycompai/crm --skill code-refactor-review -g -y
自动化执行代码提交、推送及创建草稿PR流程，依据pr-description规范生成描述，并视情况补充UX流说明，确保PR内容聚焦意图与方案。
需要为当前更改创建草稿PR
用户请求生成符合规范的PR描述和分支操作
npx skills add trycompai/crm --skill create-draft-pr -g -y
用于渲染语法高亮的文件、差异、补丁及代码审查界面，支持React、编辑器、SSR和Worker等场景。
需要渲染代码差异或补丁
构建代码审查界面
编辑代码视图
npx skills add trycompai/crm --skill diffs -g -y
用于使用 eve 框架构建、编辑或调试后端持久化 AI Agent。涵盖指令、技能、工具、连接及调度等文件配置，强调优先查阅内置文档以确保准确性。
创建新的 eve Agent 项目
编辑现有 Agent 的配置文件
调试基于 eve 框架的后端智能体
npx skills add trycompai/crm --skill eve -g -y
用于在并行终端会话中启动对现有PR或分支的后续工作，支持处理反馈、解决合并冲突等任务。
用户要求继续处理某个PR
需要解决PR中的合并冲突
请求在后台针对特定分支执行任务
npx skills add trycompai/crm --skill ga-pr -g -y
用于启动新的并行开发任务，根据描述生成分支名并构建提示词，自动创建克隆、分支及会话环境，引导AI助手自主完成功能开发或修复。
用户请求开启新功能开发
用户请求修复Bug
npx skills add trycompai/crm --skill ga -g -y
管理 GitHub CLI 堆叠 PR，支持创建、查看、编辑、推送、提交、同步、变基、合并及检出操作。用于将多部分工作拆分为可审查的分支层，处理依赖关系与代码分层。
需要拆分多部分工作为独立审查分支
提及 stack、branch layers 或 dependent PRs
执行堆叠分支的创建、同步、变基或合并
npx skills add trycompai/crm --skill gh-stack -g -y
在本地 TypeScript/JS 仓库中安装并配置 anti-slop Oxlint 插件，自动处理依赖、配置文件合并及规则启用，支持迁移旧版设置。
用户要求添加 anti-slop lint 规则
需要复制 anti-slop 插件到项目
配置 opinionated Oxlint 规则
迁移现有的本地 anti-slop 设置
npx skills add trycompai/crm --skill install-anti-slop -g -y
提供NestJS生产级应用的架构、依赖注入、安全及性能等最佳实践与代码规范，用于指导新模块编写、代码审查、重构及微服务构建。
编写新的NestJS模块、控制器或服务
审查代码的架构和安全性问题
重构现有NestJS代码库
npx skills add trycompai/crm --skill nestjs-best-practices -g -y
规范 React 开发，禁止直接使用 useEffect。提供五种替代模式（派生状态、数据获取库、事件处理等）及 useMountEffect 逃生舱口，适用于编写、重构或审查 React 组件代码。
编写新的 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
指导如何重构代码以消除API和组件中的‘陷阱’，使正确行为成为默认路径。通过识别公共接口、运行脚部测试并将不变量移至接口层，确保误用困难且直观调用安全。
API设计或重构
消除代码中的潜在错误用法
提升接口的安全性与易用性
npx skills add trycompai/crm --skill pit-of-success -g -y
自动为代码添加 PostHog 分析、事件追踪和特性标志。适用于用户请求集成分析工具、追踪行为或实现功能开关的场景，支持多语言框架。
用户要求添加 PostHog 或分析功能
需要追踪事件或用户行为
需要实现特性标志
npx skills add trycompai/crm --skill posthog-instrumentation -g -y
分析当前分支与主分支的差异及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、SQLite、MongoDB等）的配置指南，涵盖项目初始化、连接配置、驱动适配器选择及客户端实例化，辅助解决数据库连接问题。
配置特定数据库提供商
新项目初始化 Prisma
切换数据库类型
配置连接字符串
排查数据库连接故障
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理 shadcn/ui 组件，支持添加、搜索、调试和样式调整。提供项目上下文与使用示例，指导开发者通过 CLI 集成组件并遵循语义化样式等最佳实践，适用于前端 UI 开发场景。
shadcn init
create an app with --preset
switch to --preset
working with shadcn/ui component registries
project has a components.json file
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
提供 Turborepo monorepo 构建系统的最佳实践，指导任务配置、缓存优化及 CI/CD 集成。
配置 turbo.json 任务管道
调试或优化缓存策略
设置 monorepo 结构
CI/CD 流程优化
npx skills add trycompai/crm --skill turborepo -g -y
提供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组件组合模式指南，解决布尔属性泛滥问题，涵盖复合组件、状态提升及React 19 API变更，适用于重构、构建可复用库及审查组件架构。
重构含多布尔属性的组件
构建可复用组件库
设计灵活组件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
审查 Web UI 代码是否符合界面设计规范，支持无障碍、UX 及最佳实践审计。通过 Fetch 最新指南并逐条比对文件，以 file:line 格式输出合规性发现结果。
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
指导重构代码，从最终目标状态出发消除技术债。通过删除无调用的兼容代码、整合共享逻辑、优化组件结构及命名，去除历史包袱与意外复杂性，提升代码清晰度与维护性。
需要重构遗留代码
消除技术债务
简化复杂架构
npx skills add trycompai/crm --skill zero-tech-debt -g -y
Vercel AI SDK 开发助手，用于解答 SDK API 疑问并辅助构建 AI 应用。指导开发者通过本地文档验证代码，避免依赖过时记忆，支持 Agent、RAG 及多模型集成。
询问 AI SDK 函数如 generateText, useChat
希望构建 AI 代理或聊天机器人
咨询 AI 提供商集成、流式传输或结构化输出
使用 React hooks 进行前端 AI 交互
npx skills add trycompai/crm --skill ai-sdk -g -y
提供界面无障碍工程指导，涵盖焦点管理、键盘支持、ARIA语义、表单及屏幕阅读器优化。适用于UI组件构建、审查及修复键盘或读屏问题，遵循原生优先与WCAG标准。
用户要求使内容具备可访问性
报告键盘导航或屏幕阅读器问题
涉及WCAG、ARIA、焦点状态等关键词
npx skills add trycompai/crm --skill better-accessibility -g -y
提供Web界面布局结构的设计原则，涵盖分组、对齐、间距、响应式断点及RTL处理。用于指导UI组件构建、代码审查及视觉层级优化，确保布局在不同设备和语言下的适应性。
页面或组件结构规划
控件间距与对齐调整
响应式断点设计
RTL布局方向处理
前端布局代码审查
npx skills add trycompai/crm --skill better-layout -g -y
专注前端网页排版优化的技能，涵盖字体选择、变量字体配置、类型比例设置及文本渲染细节。用于审查或修复涉及字体、间距、换行、层级和可访问性的前端代码问题。
需要选择或搭配字体时
检查标题层级和类型比例时
处理文本换行、截断或下划线样式时
审查前端代码中的排版问题时
npx skills add trycompai/crm --skill better-typography -g -y
指导在 NestJS 中使用 nestjs-trpc 构建端到端类型安全的 tRPC API，涵盖模块注册、路由定义及 CLI 类型生成。
使用 nestjs-trpc 库
在 NestJS 中集成 tRPC
迁移 REST/GraphQL 到 tRPC
配置 TRPCModule 或装饰器
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于诊断网站SEO问题，提供技术、页面及内容层面的优化建议。触发场景包括SEO审计、排名下降分析、核心网页指标检查、抓取错误排查及元标签审查等。
用户要求进行SEO审计或健康检查
询问为何未获得排名或流量下降
提及技术性SEO问题如抓取错误或索引问题
需要审查元标签或页面速度
npx skills add trycompai/crm --skill seo-audit -g -y
