Agent Skills
› trycompai/crm
trycompai/crm
GitHub提供基于 shadcn/ui 的 AI 聊天界面组件库，支持对话、消息等 UI 构建。用于快速开发 Chatbot 或 AI 助手前端界面。
Install All Skills
npx skills add trycompai/crm --all -g -y
Skills in Collection (36)
提供基于 shadcn/ui 的 AI 聊天界面组件库，支持对话、消息等 UI 构建。用于快速开发 Chatbot 或 AI 助手前端界面。
构建 AI 聊天界面
集成 AI 助手 UI 组件
创建对话式应用前端
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 的集成指南，涵盖安装、环境配置、数据库适配器设置、会话管理及插件使用。适用于需要实现 TypeScript 认证（邮箱/密码、OAuth）或处理认证相关配置的场景。
Better Auth 集成配置
auth.ts 文件创建与配置
数据库适配器选择与迁移
会话管理策略设置
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
处理Web项目OKLCH色彩空间任务，包括格式转换、调色板生成、对比度检查及Tailwind主题配置。
oklch颜色转换
调色板生成
对比度检查
色域边界处理
npx skills add trycompai/crm --skill better-colors -g -y
协调六个专项技能对界面进行整体审查，整合无障碍、布局、文案等维度的发现，生成统一优先级的审计报告。
explicitly invoked for a holistic review of a screen, flow, feature, or product interface
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文案和界面微复制的写作与审查指南。涵盖按钮、错误消息等用户可见文本，强调清晰、一致及适配语境的语气，确保品牌声音统一且易于理解。
撰写或审查用户界面文案
优化按钮标签和错误消息
调整产品语调一致性
npx skills add trycompai/crm --skill better-writing -g -y
用于深度审查代码变更，评估复用性、组合性、代码库一致性及清理冗余代码（slop）。支持PR/diff审查、代码复用检查及清洁度评估。
审查PR或代码差异
检查代码复用与组合性
评估代码库一致性
清理冗余或低质量代码
npx skills add trycompai/crm --skill code-refactor-review -g -y
自动提交代码、推送分支并创建草稿PR，依据pr-description规范生成描述，视情况添加UX Flow说明，旨在标准化PR提交流程。
需要提交代码并创建Pull Request
执行代码审查前的准备步骤
npx skills add trycompai/crm --skill create-draft-pr -g -y
提供@pierre/diffs库的使用指南，用于渲染语法高亮代码文件、差异对比及合并冲突。支持React、SSR和Worker环境，涵盖编辑器集成、虚拟列表审查界面构建及自定义主题配置等开发场景。
需要渲染代码文件或Diff视图
构建代码审查界面
集成代码编辑器功能
npx skills add trycompai/crm --skill diffs -g -y
用于构建持久化后端 AI Agent 的技能。涵盖使用 eve 框架创建、编辑和调试 Agent 项目，包括指令、技能、工具、连接、通道、沙箱及调度等配置与代码实现。
创建新的 AI Agent 项目
编写或修改 Agent 的指令、工具或技能文件
调试基于 eve 框架的后端 AI 应用
npx skills add trycompai/crm --skill eve -g -y
用于在后台并行会话中启动对现有PR或分支的后续开发任务，支持合并冲突解决和会话复用。
用户要求处理现有PR
继续某个分支的工作
解决PR反馈问题
解决合并冲突
npx skills add trycompai/crm --skill ga-pr -g -y
启动新开发任务，自动创建并行工作区、分支及会话。根据描述生成规范分支名和提示词，调用工具初始化环境并引导AI执行，支持切换不同AI助手。
用户提出新功能需求或Bug修复请求
需要开启独立的并行开发会话
npx skills add trycompai/crm --skill ga -g -y
管理 GitHub CLI 的堆叠 PR，支持创建、查看、编辑、推送、提交、同步、变基、合并及检出操作。用于将多部分工作拆分为可审查的分支栈，优化代码评审流程。
用户请求创建或管理堆叠 PR
需要拆分多部分工作进行独立审查
提及 stack、branch layers 或 dependent PRs
执行 gh-stack 相关命令如 split, sync, rebase
npx skills add trycompai/crm --skill gh-stack -g -y
用于在本地 TypeScript/JS 仓库中安装和配置 anti-slop Oxlint 插件，集成现有 lint 设置并启用规则。
用户请求添加 anti-slop lint 规则
需要迁移或配置本地 anti-slop 设置
npx skills add trycompai/crm --skill install-anti-slop -g -y
提供NestJS生产级应用的最佳实践与架构模式，涵盖模块、依赖注入、安全及性能等方面。用于编写、审查或重构NestJS代码，确保遵循规范并提升质量。
编写新的NestJS模块、控制器或服务
审查代码以发现架构和安全问题
重构现有NestJS代码库
实现认证和授权逻辑
npx skills add trycompai/crm --skill nestjs-best-practices -g -y
禁止在React中直接使用useEffect，提供五种替代模式及useMountEffect逃生舱，用于组件编写、重构和PR审查。
编写新的React组件
重构现有的useEffect调用
审查引入useEffect的PR
npx skills add trycompai/crm --skill no-use-effect -g -y
提供 nuqs 库在 Next.js 和 React 中类型安全 URL 状态管理的最佳实践，涵盖解析器配置、适配器设置、状态管理及性能优化等规则，用于指导代码生成、重构与审查。
使用 nuqs 进行 URL 状态管理
配置 URL 参数解析器
集成 Server Components 中的 URL 状态
优化 URL 更新性能
调试 nuqs 相关问题
npx skills add trycompai/crm --skill nuqs -g -y
旨在通过重构API、组件或钩子，将正确行为设为默认路径，消除使用陷阱。通过收紧类型、内联不变量及清理冗余调用，确保误用困难且直观调用安全，提升代码鲁棒性。
发现API或组件存在易错的使用模式
需要重构以消除隐藏的前置条件依赖
优化接口设计以防止状态非法
npx skills add trycompai/crm --skill pit-of-success -g -y
自动为代码添加PostHog分析、事件追踪和功能标志。适用于用户请求集成分析工具、跟踪用户行为或实现功能开关的场景，支持多种主流框架。
用户请求添加PostHog或分析功能
需要追踪特定事件或用户操作
需要实现功能标志(Feature Flags)
询问如何对代码进行仪器化
npx skills add trycompai/crm --skill posthog-instrumentation -g -y
分析当前分支与主分支的差异及关联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 等）的配置指南，涵盖项目初始化、连接配置及驱动适配。
configure postgres
connect to mysql
setup mongodb
sqlite setup
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理 shadcn/ui 组件库，支持组件添加、搜索、调试、样式调整及 UI 组合。提供项目上下文、文档与示例，遵循特定设计原则和代码规范，适用于前端界面开发。
使用 shadcn/ui 构建或修改用户界面
需要添加、搜索或修复 shadcn 组件
项目中包含 components.json 文件
执行 shadcn init 或 preset 相关操作
npx skills add trycompai/crm --skill shadcn -g -y
用于创建、修改和优化 Agent Skill，包括编写草稿、设计测试用例、运行评估及基准分析，并根据反馈迭代改进技能描述和性能。
创建新的 Agent Skill
优化现有 Skill 的描述或性能
运行 Skill 评估测试
npx skills add trycompai/crm --skill skill-creator -g -y
提供Turborepo单体仓库构建系统指南，涵盖任务配置、缓存优化、依赖管理及CI集成。指导用户正确区分包级与根级任务，避免并行化失效，解决缓存问题及流水线编排。
配置turbo.json任务管道
调试构建缓存命中失败
优化CI/CD中的monorepo构建流程
设置包间依赖关系dependsOn
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架构。
重构具有大量布尔属性的组件
构建可复用的组件库
审查组件架构
设计灵活的组件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界面指南，支持检查无障碍、UX审计及最佳实践。通过Fetch获取最新规则并输出文件行号格式的问题报告。
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构建AI应用，涵盖文本生成、工具调用、Agent及RAG等功能。强调查阅本地文档而非依赖记忆，提供模型查询与集成指南。
询问AI SDK函数用法
构建AI Agent或聊天机器人
咨询流式输出或结构化输出
集成React Hooks如useChat
npx skills add trycompai/crm --skill ai-sdk -g -y
提供前端界面无障碍工程指导，涵盖焦点管理、键盘导航、ARIA语义、表单及屏幕阅读器支持。用于构建或审查UI组件，解决可访问性问题。
用户要求使界面可访问或报告键盘/读屏问题
涉及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
专注Web排版，涵盖字体选择、变量字体、间距、换行及无障碍等。指导前端代码审查与样式实现，确保文本渲染舒适且符合项目规范。
字体选择与配对
CSS排版属性配置
前端代码排版审查
npx skills add trycompai/crm --skill better-typography -g -y
指导在 NestJS 中使用 nestjs-trpc 构建端到端类型安全的 API，涵盖模块注册、装饰器定义及客户端类型生成。
NestJS 集成 tRPC
使用 @Router/@Query 等装饰器
迁移至 tRPC
生成 AppRouter 类型
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于诊断网站SEO问题，提供技术、页面和内容层面的优化建议。覆盖爬虫、索引、核心指标等检查，辅助提升自然搜索排名和流量。
用户请求进行SEO审计或诊断
用户询问排名下降或无法被Google收录的原因
用户提及技术SEO、页面速度或结构化数据问题
npx skills add trycompai/crm --skill seo-audit -g -y
