Agent Skills
› trycompai/crm
trycompai/crm
GitHub提供构建AI聊天界面的组件库，支持对话、消息及工具展示。通过CLI快速集成shadcn/ui和Next.js环境，帮助开发者高效搭建AI助手或Chatbot前端UI。
Install All Skills
npx skills add trycompai/crm --all -g -y
Skills in Collection (36)
提供构建AI聊天界面的组件库，支持对话、消息及工具展示。通过CLI快速集成shadcn/ui和Next.js环境，帮助开发者高效搭建AI助手或Chatbot前端UI。
构建AI聊天界面
创建AI助手UI
安装AI元素组件
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 集成指南，涵盖服务端/客户端配置、数据库适配器设置、会话管理及插件处理。用于解决 TypeScript 认证、OAuth 及环境变量配置问题。
Better Auth 配置
auth.ts 设置
Better Auth 安装与迁移
会话管理配置
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
提供基于OKLCH色彩空间的Web项目颜色处理方案，涵盖格式转换、调色板生成、对比度检查及Tailwind集成。
颜色转换
调色板生成
对比度检查
色域边界处理
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 polish
make it feel better
feels off
stagger animations
border radius
optical alignment
npx skills add trycompai/crm --skill better-ui -g -y
专注于UX写作和界面文案的规范，涵盖按钮、错误提示等用户可见文本的撰写与审查。强调清晰、一致、直接及适配语境的语气，确保文案符合品牌声音并具备良好的可翻译性。
UX writing
interface copy
error messages
button labels
microcopy
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流程图，简化开发者的版本发布与协作流程。
完成代码修改需要提交时
准备发起代码审查时
npx skills add trycompai/crm --skill create-draft-pr -g -y
用于渲染语法高亮代码文件、diffs、补丁及合并冲突的 Skill，支持 React、SSR、Worker 及自定义编辑器功能。
需要渲染或编辑代码差异视图
构建虚拟化的代码审查界面
集成 Shiki 主题或自定义语言
npx skills add trycompai/crm --skill diffs -g -y
用于构建、编辑和调试基于 eve 框架的后端 AI Agent。涵盖指令、技能、工具、连接及沙箱等配置，强调以文件系统为核心，需优先参考内置文档进行开发。
创建新的 eve Agent 项目
修改 Agent 的指令或技能文件
调试后端 AI Agent 运行时问题
npx skills add trycompai/crm --skill eve -g -y
启动针对现有PR或分支的并行Agent任务，复用tmux会话处理反馈、冲突解决等后续工作。
用户要求处理PR反馈
需要解决合并冲突
继续特定分支的工作
npx skills add trycompai/crm --skill ga-pr -g -y
自动化启动并行开发任务，根据描述生成分支名并构建提示词，调用ga命令创建独立工作区与AI会话，支持指定AI模型，便于开发者后续接入调试。
需要开启新功能或修复Bug
希望自动创建分支和独立开发环境
npx skills add trycompai/crm --skill ga -g -y
管理 GitHub 堆叠 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 设置
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，引导使用派生状态、事件处理或数据获取库等替代方案。适用于编写新组件、重构代码及 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 更新性能
npx skills add trycompai/crm --skill nuqs -g -y
指导如何重构代码API以消除误用陷阱，确保正确行为成为默认路径。通过识别公共接口、运行脚坑测试、将不变量移至接口层并删除绕过逻辑，使错误调用变得困难或显而易见。
需要重构存在误用风险的API或组件
设计新接口时希望防止未来开发者犯错
代码中存在依赖隐藏约定或辅助函数的情况
npx skills add trycompai/crm --skill pit-of-success -g -y
协助用户在代码中集成PostHog分析工具，自动添加事件追踪、用户识别及功能标志实现。支持JS/TS、Python及React等框架，提供标准化代码模式与最佳实践。
用户请求添加PostHog或分析功能
需要追踪特定事件或用户行为
要求实现功能标志（Feature Flags）
npx skills add trycompai/crm --skill posthog-instrumentation -g -y
分析当前分支相对于 main 的差异及关联 PR，构建上下文以便后续处理请求。通过 Git 命令和 GitHub CLI 获取代码变更、提交历史和 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组件与项目，支持添加、搜索、修复及样式调整。提供上下文、文档及使用示例，指导基于CLI进行UI构建、组合与调试，遵循语义化样式和组件规范。
使用 shadcn/ui 构建或修改 UI
需要添加、搜索或调试 shadcn 组件
涉及 shadcn init 或 preset 配置
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 单体仓库构建系统的使用指南，涵盖任务配置、缓存优化及最佳实践。适用于处理 turbo.json、依赖图、并行执行及 CI 集成等场景。
配置任务与工作流
设置单体仓库结构
调试缓存问题
优化 CI 流程
npx skills add trycompai/crm --skill turborepo -g -y
提供TypeScript高级类型系统指南，涵盖泛型、条件类型、映射类型及工具类型，用于构建类型安全应用、复用组件及实现复杂类型推断。
实现复杂类型逻辑
创建可复用的类型工具
确保编译时类型安全
npx skills add trycompai/crm --skill typescript-advanced-types -g -y
生成以用户体验为核心的架构规划，先构建用户行为与系统交互的流程图，再映射至代码锚点。用于明确功能边界、当前与期望流程及实现细节，避免过早陷入具体编码。
需要规划新功能或修改现有功能的用户体验流程时
在编码前需要明确架构边界和系统交互逻辑时
npx skills add trycompai/crm --skill ux-flow-plan -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题，适用于重构、构建组件库及设计灵活API。涵盖复合组件、状态提升与React 19新特性。
重构含多布尔属性的组件
构建可复用组件库
审查组件架构
npx skills add trycompai/crm --skill vercel-composition-patterns -g -y
基于Vercel工程团队的React和Next.js性能优化指南。提供70条规则，涵盖消除数据瀑布、包体积优化、服务端及客户端性能等8个类别，用于指导代码编写、审查与重构，确保应用高性能。
编写或审查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
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、Chatbot 及多模型集成开发。
询问 AI SDK 函数如 generateText, useChat
构建 AI agent 或 chatbot
咨询 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代码构建、组件排版审查及视觉层级优化。
网页或组件的布局结构设计
控制元素的对齐与间距调整
响应式断点与自适应布局决策
前端代码中的布局审查
npx skills add trycompai/crm --skill better-layout -g -y
专注Web排版优化，涵盖字体选择、变量字体配置、间距缩放、文本换行及无障碍对比度检查。指导在代码审查中评估文字渲染效果，确保层级清晰、可读性强且符合项目样式系统。
Web前端排版与字体设计
CSS文本样式与间距调整
代码中的可读性与无障碍审查
npx skills add trycompai/crm --skill better-typography -g -y
指导在 NestJS 中集成 tRPC，涵盖模块配置、装饰器使用及类型生成。解决运行时与类型生成双系统问题，提供安装、路由定义及迁移指南。
nestjs-trpc 集成
tRPC 路由开发
NestJS API 迁移
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于诊断网站SEO问题、提供优化建议的技能。涵盖技术SEO、页面优化、索引状态及核心网页指标等审计工作，帮助提升搜索引擎排名和有机流量。
用户希望审计或审查网站的SEO问题
提及技术SEO、元标签审查或SEO健康检查
询问为何未获得排名或流量下降原因
遇到爬虫错误、索引问题或核心网页指标异常
npx skills add trycompai/crm --skill seo-audit -g -y
