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对话功能的前端开发
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 的集成指南，涵盖安装、环境变量配置、数据库适配器设置、会话管理及插件扩展，支持多种 ORM 和认证方式。
配置 Better Auth 服务器或客户端
设置数据库适配器
管理会话和插件
处理 TypeScript 身份验证
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
提供 OKLCH 色彩空间在 Web 项目中的应用，支持格式转换、调色板生成、对比度检查及 Tailwind v4 主题配置，确保色彩感知一致性与无障碍合规。
颜色转换
调色板生成
对比度检查
色域边界处理
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 writing
interface copy
button labels
error messages
npx skills add trycompai/crm --skill better-writing -g -y
用于深度审查代码变更，检查复用性、组合性、代码库一致性并识别冗余代码。适用于PR审查、差异检查及代码质量评估场景。
请求审查 PR 或代码差异
检查代码复用与组合性
评估代码整洁度与规范一致性
npx skills add trycompai/crm --skill code-refactor-review -g -y
自动提交代码、推送分支并创建草稿PR，生成结构化描述及UX流程图。
完成代码修改需提交
需要创建Pull Request
npx skills add trycompai/crm --skill create-draft-pr -g -y
提供 @pierre/diffs 库的使用指南，用于渲染语法高亮的代码文件、diffs、补丁及合并冲突。支持 React、SSR、Worker 及自定义编辑器场景，辅助开发者构建代码审查界面。
需要渲染代码差异或补丁
构建代码审查界面
集成语法高亮编辑器
npx skills add trycompai/crm --skill diffs -g -y
用于构建、编辑和调试基于 eve 框架的持久化后端 AI Agent。涵盖指令、技能、工具及沙箱等配置，强调以文件系统为数据源并优先参考内置文档。
创建新的 eve AI Agent 项目
修改或调试现有的 eve Agent 配置
使用 npx eve init 脚手架初始化 Agent
npx skills add trycompai/crm --skill eve -g -y
启动针对现有PR或分支的后续开发任务，支持并行tmux会话复用、自动克隆仓库及处理合并冲突。
用户要求继续处理某个PR
需要解决PR中的合并冲突
在后台继续某分支的开发工作
npx skills add trycompai/crm --skill ga-pr -g -y
自动化启动新开发任务，接收需求后生成规范分支名，构建提示词并调用ga命令在并行环境中初始化工作区与AI会话。
用户提出新功能或Bug修复需求
需要快速创建独立开发分支和会话
npx skills add trycompai/crm --skill ga -g -y
管理 GitHub 堆叠 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 插件
配置 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逃生舱。用于编写、重构或审查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 更新性能
npx skills add trycompai/crm --skill nuqs -g -y
指导如何重构API、Hook或组件，使正确用法成为默认路径，消除误用陷阱。通过识别公共接口、运行脚坑测试、将不变量移入接口及删除绕过逻辑，确保调用者无需额外知识即可安全使用。
代码存在易被误用的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，构建上下文以便后续任务处理。
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等）。涵盖项目初始化、连接配置、驱动适配器选择及客户端实例化，适用于新项目建设、数据库切换或连接故障排查。
configure postgres
connect to mysql
setup mongodb
sqlite setup
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理 shadcn/ui 组件与项目，涵盖添加、搜索、调试、样式调整及 UI 组合。提供上下文、文档及使用示例，适用于涉及 shadcn 初始化、预设切换或包含 components.json 的项目场景。
需要添加或搜索 shadcn 组件
修复或调试 shadcn UI 样式问题
执行 shadcn init 或切换预设
构建基于 shadcn 的 UI 界面
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
指导 JavaScript/TypeScript Monorepo 中 Turborepo 的配置与使用，涵盖任务管道定义、缓存优化、并行构建及 CI 集成最佳实践。
配置 turbo.json 任务管道
Monorepo 包结构与依赖管理
调试 Turborepo 缓存问题
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组件组合模式指南，解决布尔属性泛滥问题，指导构建可扩展、可维护的组件库及灵活API设计。涵盖复合组件、状态提升及React 19新特性应用。
重构含多布尔属性的组件
构建可复用组件库
审查组件架构
设计组件API
npx skills add trycompai/crm --skill vercel-composition-patterns -g -y
基于Vercel工程的React和Next.js性能优化指南，涵盖70条规则。用于编写、审查或重构代码时确保最佳实践，解决数据获取、包体积及渲染性能问题。
编写新的React组件或Next.js页面
实施客户端或服务端数据获取
审查代码以发现性能瓶颈
重构现有React/Next.js代码
优化包体积或加载时间
npx skills add trycompai/crm --skill vercel-react-best-practices -g -y
用于审查UI代码是否符合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 的开发支持，涵盖 API 查询、AI 应用构建及多模型集成。强调依据本地文档验证代码，避免依赖过时记忆，确保开发准确性。
询问 AI SDK 函数用法
构建 AI 代理或聊天机器人
集成 OpenAI/Anthropic 等提供商
使用 React hooks 如 useChat
npx skills add trycompai/crm --skill ai-sdk -g -y
提供前端界面无障碍工程指导，涵盖键盘导航、ARIA语义、屏幕阅读器兼容及焦点管理。用于构建或审查UI组件时确保可访问性，解决键盘和读屏问题。
用户要求提升界面可访问性或提及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排版质量的技能，涵盖字体选择、变量字体、间距、换行及无障碍性。用于审查或优化前端文本渲染效果，确保层级清晰、可读性强且符合项目样式规范。
选择或搭配字体
配置变量字体或OpenType特性
检查标题层级与排版比例
优化文本换行、截断及间距
审查前端代码中的排版细节
npx skills add trycompai/crm --skill better-typography -g -y
用于在 NestJS 中构建端到端类型安全的 tRPC API。涵盖模块注册、装饰器使用、依赖注入配置及通过 Rust CLI 生成客户端类型，解决运行时与类型生成不一致问题。
在 NestJS 应用中集成 tRPC
定义 @Router/@Query/@Mutation 装饰器
迁移 NestJS GraphQL/REST API 到 tRPC
生成 AppRouter 类型供前端使用
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于对网站进行SEO审计、诊断排名下降或技术问题，提供涵盖爬取、索引、技术基础及页面优化的可执行改进建议。
用户提及SEO审计、技术SEO、排名下降、核心网页指标、抓取错误等
用户模糊表示SEO表现不佳或需要帮助
npx skills add trycompai/crm --skill seo-audit -g -y
