Agent Skills
› trycompai/crm
trycompai/crm
GitHub提供构建 AI 聊天界面的预置组件库，支持对话、消息等 UI 元素，帮助快速开发 AI 助手前端。
Install All Skills
npx skills add trycompai/crm --all -g -y
Skills in Collection (36)
提供构建 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色彩空间的专业支持，包括颜色转换、调色板生成、对比度检查及Tailwind集成。
颜色转换
调色板生成
对比度检查
色域边界处理
npx skills add trycompai/crm --skill better-colors -g -y
跨学科界面协调技能，统筹无障碍、布局、文案等六个子技能进行整体UI审计。支持快速和完整两种审查模式，旨在提供一致且优先排序的界面评估结论。
better-interface
full interface review
holistic UI audit
cross-discipline design review
npx skills add trycompai/crm --skill better-interface -g -y
提供UI精细化设计原则，涵盖圆角、阴影、动画、图标等细节。用于构建或审查前端组件，优化微交互、动效及视觉对齐，解决界面“感觉不对”的问题，提升用户体验与 polished 感。
UI组件构建与审查
实现微交互与动效
调整视觉细节如阴影和圆角
界面体验优化
npx skills add trycompai/crm --skill better-ui -g -y
专注于用户体验文案与界面文本的写作及审查技能，涵盖按钮、错误提示等用户可见文本，确保一致性、清晰度和适当语气。
UX writing
microcopy
interface copy
product copy
button labels
error messages
npx skills add trycompai/crm --skill better-writing -g -y
用于审查代码变更，重点关注复用性、组合性、代码库一致性及消除冗余代码（Slop）。适用于PR审查、代码清理及架构一致性检查。
审查 PR 或 diff
检查代码复用和组合
评估代码整洁度与一致性
npx skills add trycompai/crm --skill code-refactor-review -g -y
自动化执行代码提交、推送并创建 Draft PR，利用 pr-description 生成结构化描述，必要时补充 UX Flow，规范分支命名与 PR 内容格式。
需要提交代码并创建 Pull Request
希望自动生成标准化的 PR 描述和标题
npx skills add trycompai/crm --skill create-draft-pr -g -y
用于在 React、SSR 或 Worker 环境中渲染语法高亮代码文件、差异对比（diffs）、补丁及合并冲突的 UI 组件库。支持虚拟滚动审查界面、编辑功能及自定义主题。
需要渲染代码文件或 Diff 视图
构建代码审查界面
实现代码编辑器功能
npx skills add trycompai/crm --skill diffs -g -y
用于构建基于 eve 框架的持久化后端 AI Agent。支持代理创建、编辑、调试，涵盖指令、技能、工具、连接及调度等配置。强调以文件系统为核心，依赖本地文档进行开发指导。
使用 eve 框架创建或初始化 AI Agent
编写或调试 eve 项目的 agent 配置与逻辑
管理 eve 框架下的工具、连接和调度设置
npx skills add trycompai/crm --skill eve -g -y
用于启动针对现有PR或分支的后续开发任务。自动复用tmux会话，处理代码审查反馈、合并冲突解决及分支更新，支持并行后台工作流。
用户要求继续现有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，支持创建、查看、编辑、推送、提交、同步、变基、合并及检出。用于将多部分工作拆分为可审查的分支层，处理依赖关系与栈操作。
需要拆分或隔离工作进行审查
用户提到堆叠、分支层、依赖 PR 或 gh stack
需要检出一个已存在的堆叠
npx skills add trycompai/crm --skill gh-stack -g -y
在本地 TS/JS 仓库中安装并配置 anti-slop Oxlint 插件，集成现有 lint 设置，自动处理依赖、注册规则并执行检查，支持迁移旧版配置。
用户要求添加 anti-slop lint 规则
需要复制 anti-slop 插件
配置 opinionated Oxlint 规则
迁移本地现有的 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 逃生舱，用于组件编写、重构和 PR 审查。
编写新的 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 分析、事件追踪及功能标志。适用于需要集成埋点、实现 A/B 测试或渐进式发布功能的开发场景，支持多种主流框架。
询问如何添加 PostHog 或分析工具
需要追踪特定事件或用户行为
要求实现功能标志（Feature Flags）
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、MongoDB 等多种数据库的连接设置、环境配置及驱动适配器使用。适用于新项目初始化、数据库切换或连接故障排查场景。
配置特定数据库连接
初始化 Prisma 项目
解决数据库连接问题
切换数据库提供商
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理shadcn/ui组件与项目，支持添加、搜索、修复、调试UI及聊天界面。提供上下文、文档和使用示例，适用于涉及shadcn/ui或components.json的项目。
使用 shadcn CLI 命令（如 init, add, search）
需要添加、调试或组合 shadcn UI 组件
处理包含 components.json 的项目配置
npx skills add trycompai/crm --skill shadcn -g -y
用于创建新技能、修改和优化现有技能，并通过运行评估和基准测试来衡量性能。帮助用户完成从意图定义、草稿编写到迭代优化的全流程，提升技能的触发准确性和效果。
用户想要从零开始创建一个新技能
用户希望编辑或优化现有技能
用户需要运行评估以测试技能性能
npx skills add trycompai/crm --skill skill-creator -g -y
指导 JavaScript/TypeScript Monorepo 构建系统 Turborepo 的配置与优化，涵盖任务定义、缓存策略、并行执行及 CI 集成最佳实践。
配置 turbo.json 和 package.json
调试缓存命中问题
优化 CI/CD 流水线
Monorepo 结构规划
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
提供React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化等服务端与客户端最佳实践，用于指导代码编写、审查及重构。
编写或审查React组件和Next.js页面
实施数据获取逻辑
重构现有代码以优化性能或减少包体积
npx skills add trycompai/crm --skill vercel-react-best-practices -g -y
用于审查Web界面代码是否符合设计规范与最佳实践。通过获取最新指南，检查指定文件的可访问性、UX及设计合规性，并输出详细发现。
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 及 UI 集成。强调基于本地文档验证 API，避免记忆偏差，提供多模型提供商支持与结构化输出指导。
询问 AI SDK 函数用法
构建 AI Agent 或聊天机器人
集成 RAG 系统或文本生成
咨询 AI 提供商配置
使用 React hooks 如 useChat
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排版优化的技能，涵盖字体选择、变量字体配置、间距缩放、文本换行及可访问性检查。指导开发者遵循项目现有样式系统，确保文本渲染的视觉舒适性与规范一致性。
选择或配对字体
配置变量字体或OpenType特性
设置类型比例尺与标题层级
调整文本间距、换行与截断
审查前端代码中的排版细节
npx skills add trycompai/crm --skill better-typography -g -y
用于在 NestJS 中构建端到端类型安全的 tRPC API。涵盖模块注册、路由器编写、依赖注入配置及 Zod 验证，并处理运行时与 Rust CLI 类型生成的同步问题，支持从 GraphQL/REST 迁移。
用户在 NestJS 项目中集成 tRPC
使用 @Router/@Query 等装饰器定义 API
将 NestJS API 从 GraphQL 或 REST 迁移至 tRPC
生成客户端 AppRouter 类型
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于诊断网站SEO问题并提供优化建议。覆盖技术SEO、索引状态、爬虫能力及内容质量等维度，帮助用户解决排名下降、收录异常等问题，提升自然搜索流量。
用户提到SEO审计、技术SEO或SEO问题
用户询问为何未获得排名或流量下降
用户请求检查元标签、页面速度或核心网页指标
用户报告抓取错误、索引问题或受Google更新影响
npx skills add trycompai/crm --skill seo-audit -g -y
