Agent Skills
› trycompai/crm
trycompai/crm
GitHub提供构建AI聊天界面组件库的Skill，涵盖对话、消息等UI元素。用于快速开发Chatbot或AI助手前端界面。
Install All Skills
npx skills add trycompai/crm --all -g -y
Skills in Collection (35)
提供构建AI聊天界面组件库的Skill，涵盖对话、消息等UI元素。用于快速开发Chatbot或AI助手前端界面。
用户需要构建AI聊天界面
用户想要集成AI对话组件
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 集成指南，涵盖安装、配置数据库适配器、管理会话及环境变量设置。指导用户完成 TypeScript 认证环境的搭建与插件配置。
Better Auth 集成
betterauth 配置
auth.ts 设置
TypeScript 身份验证
OAuth 配置
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
提供 OKLCH 色彩空间相关技能，包括颜色转换、调色板生成、对比度检查及 Tailwind v4 集成，旨在优化 Web 项目的视觉设计与可访问性。
颜色格式转换
生成配色方案
检查对比度
Tailwind 主题配置
npx skills add trycompai/crm --skill better-colors -g -y
协调六个细分领域技能进行跨学科界面整体审查，按优先级整合无障碍、布局、文案等发现，输出统一结论。
显式调用 better-interface
请求全面界面审查或 Holistic UI audit
npx skills add trycompai/crm --skill better-interface -g -y
提供UI精细化设计原则，涵盖动画、图标、阴影及微交互，用于构建或审查前端界面细节，提升视觉 polish 与体验。
UI 细节优化
实现微交互动画
审查前端视觉代码
npx skills add trycompai/crm --skill better-ui -g -y
专注于UX写作与界面文案，涵盖按钮、错误提示等用户可见文本的撰写与审查。强调清晰一致、语气适配及动词优先原则，提升产品交互体验。
撰写或审查界面文案
优化微复制内容
调整产品语调与一致性
npx skills add trycompai/crm --skill better-writing -g -y
用于审查代码变更，评估复用性、组合性、代码库一致性及冗余代码。通过对比现有模式、检查命名与结构规范，识别重复逻辑和不必要的抽象，确保代码整洁并符合项目标准。
审查 PR 或代码差异
检查代码复用情况
评估代码整洁度与一致性
npx skills add trycompai/crm --skill code-refactor-review -g -y
自动化完成代码提交、推送及创建 Draft PR 流程，基于 pr-description 规范生成包含问题与解决方案的 PR 描述，并在必要时整合 UX Flow 上下文。
需要创建新的功能分支并发起 Pull Request
需要将本地更改推送到远程仓库并生成结构化的 PR 描述
npx skills add trycompai/crm --skill create-draft-pr -g -y
提供@pierre/diffs库的使用指南，涵盖语法高亮、代码差异渲染、React集成及编辑功能。
需要渲染代码文件或diff
构建代码审查界面
编辑代码视图
npx skills add trycompai/crm --skill diffs -g -y
用于构建持久化后端 AI Agent 的框架技能。支持创建、编辑和调试 Agent 项目，涵盖指令、工具、连接、沙箱等配置，强调以文件系统为核心进行开发。
创建新的 eve agent 项目
修改 agent 的指令或工具配置
调试基于 eve 框架的后端 agent
npx skills add trycompai/crm --skill eve -g -y
用于在后台并行会话中启动针对现有PR或分支的跟进任务，如处理反馈、解决冲突或继续开发。自动复用tmux会话和仓库克隆，支持指定执行工具。
用户要求继续处理某个PR
需要解决PR合并冲突
要求在后台并行环境中对分支进行后续开发
npx skills add trycompai/crm --skill ga-pr -g -y
用于启动新并行开发任务。接收问题描述，生成分支名，创建工作区并启动 AI Agent（Pi/Claude）执行功能开发或修复，最终输出会话信息以便用户接入。
需要开启新功能开发
需要修复 Bug
请求在独立环境中进行编码工作
npx skills add trycompai/crm --skill ga -g -y
管理 GitHub 堆叠 PR，支持创建、查看、推送、合并及同步多层分支，协助将复杂工作拆分为可审查的独立层级。
用户要求拆分或隔离工作进行审查
提及堆叠（stack）、分支层、依赖 PR 或 gh stack
需要签出已创建的堆叠
npx skills add trycompai/crm --skill gh-stack -g -y
提供NestJS生产级应用的最佳实践与架构模式，涵盖模块设计、依赖注入、安全及性能等40条规则，用于指导代码编写、审查和重构。
编写新的NestJS模块、控制器或服务
审查代码的架构和安全问题
重构现有NestJS代码库
实现身份验证和授权
npx skills add trycompai/crm --skill nestjs-best-practices -g -y
禁止在 React 中直接使用 useEffect，提供五种替代模式及 useMountEffect 逃生舱。用于编写、重构或审查组件时消除副作用，提升代码质量。
编写新 React 组件
重构现有 useEffect 调用
审查引入 useEffect 的 PR
npx skills add trycompai/crm --skill no-use-effect -g -y
提供 nuqs 库在 Next.js 和 React 中类型安全 URL 查询状态管理的最佳实践。涵盖解析器配置、适配器设置、状态管理、服务端集成及性能优化等规则，用于指导代码编写、审查与重构。
使用 nuqs 进行 URL 状态管理
配置 URL 参数解析器
Next.js 路由与状态集成
URL 更新性能优化
npx skills add trycompai/crm --skill nuqs -g -y
旨在重构代码以消除 API 设计中的误用陷阱，确保正确行为成为默认路径。通过识别公共接口、执行脚踩测试、将不变量移入接口并清理冗余调用，降低维护者的认知负担和使用错误风险。
API 或组件存在易错调用模式
需要重构接口以防止误用
npx skills add trycompai/crm --skill pit-of-success -g -y
协助用户在代码中集成PostHog分析工具，自动添加事件追踪、用户识别及功能标志。支持React、Python、Node.js等多框架，提供最佳实践与代码模板。
用户请求添加PostHog或分析功能
需要实现事件追踪或用户行为记录
需要配置或启用功能标志(Feature Flags)
npx skills add trycompai/crm --skill posthog-instrumentation -g -y
分析当前分支相对于 main 的差异、提交历史及关联 PR，构建上下文以便后续处理请求。通过 git 和 gh 命令获取变更详情并总结代码影响。
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等）的配置指南，涵盖初始化、切换数据库、连接配置及故障排查。
configure postgres
connect to mysql
setup mongodb
sqlite setup
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理 shadcn/ui 组件项目，涵盖添加、搜索、修复、调试及 UI 样式编排。提供上下文与使用示例，指导基于 CLI 的组件集成与设计系统构建。
需要添加或搜索 shadcn 组件
修复或调试 UI 样式问题
初始化 shadcn 项目或使用 preset
npx skills add trycompai/crm --skill shadcn -g -y
用于创建新技能、修改优化现有技能及评估性能。涵盖需求分析、草稿编写、测试用例生成、量化与定性评估、基于反馈迭代优化及触发描述调优，支持灵活交互以适配不同用户技术水平。
创建新技能
修改或优化现有技能
运行评估测试以检测技能性能
基准测试与方差分析
优化技能描述以提高触发准确率
npx skills add trycompai/crm --skill skill-creator -g -y
提供 Turborepo monorepo 构建系统的最佳实践指导，涵盖任务配置、缓存优化、包结构及 CI 集成，确保高效并行执行与缓存命中。
配置 turbo.json 任务管道
调试缓存未命中问题
设置 monorepo 包依赖关系
优化 CI/CD 中的 turbo CLI 使用
npx skills add trycompai/crm --skill turborepo -g -y
提供TypeScript高级类型系统指南，涵盖泛型、条件类型、映射类型及工具类型。用于构建类型安全应用、实现复杂类型推断逻辑、开发可复用组件及迁移JS项目至TS，确保编译时类型安全。
需要实现复杂的类型推断或约束逻辑
构建高类型安全的库或框架组件
将JavaScript代码库迁移到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新特性。
重构含大量布尔属性的组件
构建可复用组件库
审查组件架构
使用复合组件或Context Provider
npx skills add trycompai/crm --skill vercel-composition-patterns -g -y
基于Vercel工程团队的React和Next.js性能优化指南，提供70条规则，涵盖消除数据瀑布、Bundle优化及服务端渲染等场景，用于指导代码编写、审查与重构。
编写或审查React组件和Next.js页面
进行数据获取逻辑实现
重构现有代码以提升性能或减小包体积
npx skills add trycompai/crm --skill vercel-react-best-practices -g -y
用于审查前端UI代码是否符合Web界面设计规范。通过动态获取最新规则，检查指定文件并输出问题位置，支持UI审查、无障碍检查和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 的咨询与开发支持，涵盖文本生成、Agent、RAG 及 UI 集成。强调基于本地文档验证 API，避免依赖过时记忆，确保代码准确性。
询问 AI SDK 函数用法
构建 AI Agent 或 Chatbot
咨询流式处理或结构化输出
使用 React hooks
npx skills add trycompai/crm --skill ai-sdk -g -y
提供前端界面无障碍工程指导，涵盖焦点管理、键盘支持、ARIA语义、表单及屏幕阅读器优化。用于构建或审查UI组件，确保符合WCAG标准及键盘/读屏兼容性。
用户要求使界面可访问或报告键盘/读屏问题
涉及focus, a11y, WCAG, aria, keyboard navigation等关键词
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，涵盖装饰器使用、依赖注入配置、Zod 验证及客户端 AppRouter 类型生成，辅助迁移或开发全栈类型安全接口。
用户提到 nestjs-trpc 或 tRPC in NestJS
涉及 @Router/@Query 等装饰器使用
需要生成 AppRouter 类型
从 GraphQL/REST 迁移到 tRPC
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于诊断网站SEO问题，涵盖技术基础、收录、页面优化等维度，提供可执行改进建议。
用户提及SEO审计或技术问题
流量下降或排名丢失
页面加载速度慢或索引异常
npx skills add trycompai/crm --skill seo-audit -g -y
