Agent Skills
› trycompai/crm
trycompai/crm
GitHub提供基于shadcn/ui的AI聊天界面组件库，支持对话、消息展示及Prompt输入等。用于快速构建Chatbot或AI助手UI，需Next.js和AI SDK环境。
安装全部 Skills
npx skills add trycompai/crm --all -g -y
集合内 Skills (35)
提供基于shadcn/ui的AI聊天界面组件库，支持对话、消息展示及Prompt输入等。用于快速构建Chatbot或AI助手UI，需Next.js和AI SDK环境。
用户希望构建AI聊天界面
需要集成AI对话组件如消息流和工具显示
创建Chatbot或AI助手的前端页面
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
处理Web项目中的OKLCH色彩空间，提供颜色转换、调色板生成、对比度检查及Tailwind主题配置等功能。
oklch
color conversion
palette generation
contrast ratio
npx skills add trycompai/crm --skill better-colors -g -y
协调六个子技能对界面进行整体审查，涵盖无障碍、布局、文案等。确定范围和模式后调用各域技能获取证据，最终整合为统一优先级的评审结论，确保非独立审计的叠加。
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 writing
microcopy
interface copy
product copy
button labels
error messages
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流程。通过git命令管理分支，利用pr-description和ux-flow-plan技能生成结构化的PR描述，涵盖摘要、问题与解决方案，并附带UX流程图，提升PR质量与一致性。
需要创建代码合并请求时
完成功能开发或修复后
npx skills add trycompai/crm --skill create-draft-pr -g -y
用于渲染语法高亮代码文件、diffs、补丁及合并冲突的 Skill，支持 React、SSR、Worker 及自定义编辑器功能。
需要渲染代码差异或补丁
构建代码审查界面
编辑代码文件
npx skills add trycompai/crm --skill diffs -g -y
用于构建基于eve框架的持久化后端AI智能体。涵盖项目创建、编辑、调试及配置指令、工具、连接等组件，强调以文件系统为中心的开发模式。
创建新的eve AI智能体项目
编辑或调试eve项目的配置与代码
使用eve框架开发后端AI应用
npx skills add trycompai/crm --skill eve -g -y
用于在并行 tmux 会话中启动对现有 PR 或分支的后续开发任务，支持处理 PR 反馈、合并冲突及代码审查等场景。
用户要求继续处理某个 PR
需要解决合并冲突
基于现有分支进行后续开发
npx skills add trycompai/crm --skill ga-pr -g -y
该技能用于启动新的开发任务，通过并行克隆仓库、生成规范分支名并构建提示词，自动调用工具在独立会话中驱动 AI 助手执行功能开发或修复。
用户请求开始新功能开发
用户请求修复 Bug
npx skills add trycompai/crm --skill ga -g -y
管理 GitHub 堆叠 PR，支持创建、查看、推送、同步及合并等分支链操作，用于拆分多部分工作为可审查的独立分支。
用户请求创建或管理堆叠 PR
需要拆分工作为多个依赖分支
提到 stack、branch layers 或 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 组件。
编写新的 React 组件
重构现有的 useEffect 调用
审查引入 useEffect 的 PR
npx skills add trycompai/crm --skill no-use-effect -g -y
提供nuqs库在Next.js和React中类型安全的URL查询状态管理的最佳实践，涵盖解析器配置、适配器设置、状态管理及性能优化等39条规则。
使用nuqs进行URL状态管理
配置URL参数解析器
集成Server Components
优化URL更新性能
调试nuqs相关问题
npx skills add trycompai/crm --skill nuqs -g -y
指导通过重构API、Hooks或组件Props消除设计缺陷，使正确用法成为默认路径。核心步骤包括识别公共接口、执行脚坑测试、将不变量移入接口层并删除绕过逻辑，确保调用者无需额外注意即可安全使用。
代码审查发现API存在易误用风险
需要重构导致状态不一致的接口
消除开发中的常见陷阱和隐藏依赖
npx skills add trycompai/crm --skill pit-of-success -g -y
辅助用户在代码中添加 PostHog 分析、事件追踪及功能标志。支持识别框架并生成 JS/TS、Python、React 等语言的集成代码，遵循最佳实践以优化数据收集与特性管理。
添加 PostHog 分析
实现事件追踪
配置功能标志
代码埋点
npx skills add trycompai/crm --skill posthog-instrumentation -g -y
分析当前分支与主分支的差异及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等）的配置指南，涵盖项目初始化、连接配置及驱动适配器设置。
配置特定数据库连接
切换数据库提供商
初始化Prisma项目
排查数据库连接问题
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理shadcn/ui组件与项目，涵盖添加、搜索、调试、样式及UI组合。提供上下文、文档及使用示例，适用于涉及shadcn/ui的项目配置与开发任务。
使用 shadcn/ui 构建或修改 UI
运行 shadcn CLI 命令如 init 或 add
处理 components.json 相关配置
修复 shadcn 组件样式或结构问题
npx skills add trycompai/crm --skill shadcn -g -y
用于创建、修改和优化 Agent Skill，支持编写草稿、构建测试用例、运行评估及性能基准测试，并根据反馈迭代改进技能描述和逻辑。
创建新技能
优化现有技能
运行技能评估测试
npx skills add trycompai/crm --skill skill-creator -g -y
提供Turborepo单仓库构建系统的最佳实践，指导任务配置、缓存优化、并行执行及CI集成，强调包级任务与turbo run命令规范。
配置turbo.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
该技能用于创建以用户体验为核心的架构规划。通过构建当前与期望状态的UX流程图，明确系统行为与代码锚点，界定架构边界，最终输出包含推荐方案、被拒选项及待决问题的决策列表，确保先理清流程再落实具体实现。
需要制定新功能或重构的架构设计方案
需要从用户视角梳理功能流程并映射到代码结构
在进行复杂功能开发前进行技术预研和设计
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性能优化指南，涵盖消除瀑布流、包体积优化及服务端性能等70条规则。用于指导编写、审查或重构代码以确保最佳性能表现。
编写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
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 开发。强调依据本地文档而非记忆编写代码，确保 API 准确性与版本匹配。
询问 AI SDK 函数用法
构建 AI 代理或聊天机器人
咨询多模型提供商集成
使用 React UI 钩子
npx skills add trycompai/crm --skill ai-sdk -g -y
提供界面无障碍工程指导，涵盖焦点管理、键盘支持、ARIA语义、表单及屏幕阅读器适配。用于构建或审查UI组件，确保符合WCAG标准，提升可访问性体验。
用户要求使界面无障碍化
报告键盘或屏幕阅读器问题
涉及focus, aria, keyboard navigation等关键词
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 排版样式调整
前端代码排版审查
变量字体与 OpenType 特性配置
npx skills add trycompai/crm --skill better-typography -g -y
指导在 NestJS 中集成 tRPC，涵盖模块注册、装饰器使用及客户端类型生成。解决运行时与类型系统双轨并行的配置陷阱，确保 API 端到端类型安全。
NestJS 集成 tRPC
配置 TRPCModule
生成 AppRouter 类型
迁移至 tRPC
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于诊断网站SEO问题并提供优化建议，涵盖技术基础、页面优化及内容质量等维度。
用户希望进行SEO审计或排查排名下降原因
提及技术性SEO、元标签审查、核心网页指标或抓取错误
npx skills add trycompai/crm --skill seo-audit -g -y
