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助手UI组件
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 集成指南，涵盖服务端/客户端配置、数据库适配器设置、会话管理及插件扩展。指导用户通过环境变量和 CLI 命令完成 TypeScript 身份认证环境的搭建与验证。
Better Auth 配置
身份认证集成
会话管理设置
数据库适配器配置
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
提供OKLCH色彩空间支持，涵盖颜色转换、调色板生成、对比度检查及Tailwind集成。适用于Web项目中的色彩系统设计、语义化令牌管理及无障碍优化。
oklch color conversion
palette generation
contrast ratio check
gamut boundary handling
Tailwind v4 theme configuration
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 polish
feels off
stagger animations
border radius
optical alignment
npx skills add trycompai/crm --skill better-ui -g -y
提供UX写作与界面文案指南，涵盖按钮、错误提示等用户可见文本的撰写与审查，遵循简洁一致原则。
撰写或审查界面文案
优化错误消息和占位符
npx skills add trycompai/crm --skill better-writing -g -y
深度审查代码变更，评估复用性、组合性、一致性并检测冗余。适用于PR/Diff审查、代码复用检查及清理不符合规范的实现。
审查PR或Diff
检查代码复用和组合
验证代码一致性与清洁度
npx skills add trycompai/crm --skill code-refactor-review -g -y
自动化执行代码提交、推送并创建 Draft PR，依据 pr-description 规范生成描述，按需添加 UX Flow，保持描述简洁聚焦。
需要为当前更改创建草稿拉取请求时
完成开发后希望快速发起 Code Review 流程时
npx skills add trycompai/crm --skill create-draft-pr -g -y
提供@pierre/diffs库的使用指南，支持在React、SSR及Worker环境中渲染语法高亮的代码文件、差异对比、补丁及合并冲突，包含编辑器集成与自定义主题配置。
需要渲染代码文件或diff内容
构建代码审查界面或虚拟滚动视图
编辑代码视图或处理合并冲突
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 或 dependent PRs
需要拆分多部分工作为独立审查分支
执行栈的创建、编辑、推送、提交、同步、重基或合并
npx skills add trycompai/crm --skill gh-stack -g -y
自动在本地 TS/JS 仓库中安装并配置 anti-slop Oxlint 插件，包括依赖管理、规则注册及迁移，旨在强化代码类型安全与规范。
用户要求添加 anti-slop lint 规则
需要复制 anti-slop 插件
配置 opinionated Oxlint 规则
迁移现有本地 anti-slop 设置
npx skills add trycompai/crm --skill install-anti-slop -g -y
提供NestJS生产级应用的架构与最佳实践指南，涵盖模块、依赖注入、安全及性能等40条规则。用于编写、审查或重构NestJS代码，确保符合设计模式与工程规范。
编写新的NestJS模块、控制器或服务
审查NestJS代码的架构和安全问题
重构现有NestJS代码库以优化结构
npx skills add trycompai/crm --skill nestjs-best-practices -g -y
强制在 React 开发中禁止直接使用 useEffect，提供五种替代模式及 useMountEffect 逃生舱，用于编写、重构或审查组件代码。
编写新的 React 组件
重构现有的 useEffect 调用
审查引入 useEffect 的 PR
Agent 尝试添加 useEffect
npx skills add trycompai/crm --skill no-use-effect -g -y
提供 nuqs URL 查询状态管理的最佳实践，涵盖 Next.js 和 React 框架。用于代码编写、审查及重构，指导解析器配置、适配器设置、状态管理及性能优化，确保类型安全和高效开发。
使用 nuqs 进行 URL 状态管理
Next.js 或 React Router 项目中的 nuqs 集成与配置
URL 参数解析器配置与验证
代码审查或重构涉及 nuqs 的场景
npx skills add trycompai/crm --skill nuqs -g -y
指导重构 API、组件或钩子，消除设计缺陷导致的误用陷阱。通过识别公共接口并强制安全默认行为，确保调用者无需额外注意即可正确操作，从而提升代码健壮性。
API 设计存在易错点
需要重构以消除使用陷阱
改进组件或钩子的默认行为
npx skills add trycompai/crm --skill pit-of-success -g -y
指导用户在代码中添加 PostHog 分析、事件追踪和特性标志功能。适用于需要集成用户行为分析和功能开关的场景，提供多语言代码示例与最佳实践。
添加 PostHog 分析
追踪用户事件
实现特性标志
npx skills add trycompai/crm --skill posthog-instrumentation -g -y
分析当前分支相对于 main 的差异、提交历史及相关 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
SQLite环境搭建
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理 shadcn/ui 组件库，支持添加、搜索、调试和样式化 UI 组件。提供项目上下文、文档及最佳实践规则，用于快速构建符合设计系统的界面。
使用 shadcn/ui 构建或修改前端界面
需要添加、查找或修复 shadcn 组件
涉及 shadcn CLI 命令如 init 或 search
npx skills add trycompai/crm --skill shadcn -g -y
用于创建新技能、修改和优化现有技能，以及通过评估和基准测试来衡量技能性能。帮助用户从构思、编写草稿到迭代优化全流程开发 Agent Skill。
创建新的技能
修改或优化现有技能
运行评估测试以检测技能性能
优化技能的触发描述
npx skills add trycompai/crm --skill skill-creator -g -y
提供Turborepo单仓库构建系统的配置指导，涵盖任务定义、缓存优化、依赖管理及CI集成，强调包级任务与并行执行最佳实践。
配置turbo.json任务管道
调试缓存命中问题
优化CI/CD流水线
设计Monorepo代码共享结构
npx skills add trycompai/crm --skill turborepo -g -y
指导掌握 TypeScript 高级类型系统，包括泛型、条件类型、映射类型及工具类型。用于构建类型安全的应用、库、框架，实现复杂类型推断和复用逻辑。
需要实现复杂的 TypeScript 类型逻辑
创建可复用的通用组件或类型工具
迁移 JavaScript 代码库至 TypeScript
设计强类型 API 客户端或状态管理
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页面
审查代码以发现性能问题
重构现有React/Next.js代码
优化Bundle大小或加载时间
npx skills add trycompai/crm --skill vercel-react-best-practices -g -y
审查Web界面代码是否符合设计规范，支持UI审查、无障碍检查及UX审计。通过获取最新指南并比对文件输出结果。
review my UI
check accessibility
audit design
review UX
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、Chatbot、RAG 等 AI 功能构建。强调基于本地文档和源码验证 API，避免依赖过时记忆，辅助开发者集成多模型提供商及实现流式输出等功能。
询问 AI SDK 函数用法
构建 AI Agent 或聊天机器人
咨询多模型提供商集成
使用 React hooks
npx skills add trycompai/crm --skill ai-sdk -g -y
提供前端界面无障碍工程指导，涵盖键盘导航、ARIA语义、表单及屏幕阅读器支持。用于构建或审查UI组件，解决可访问性问题，遵循原生优先与焦点管理原则。
用户要求提升界面可访问性或修复键盘/读屏问题
涉及focus状态、ARIA属性、表单验证、WCAG合规性检查
npx skills add trycompai/crm --skill better-accessibility -g -y
提供Web界面布局的结构化指南，涵盖分组、对齐、间距、响应式断点及RTL支持。用于指导UI组件构建、代码审查及视觉层级设计，确保布局在不同屏幕和设备下的适应性与一致性。
调整页面或组件的布局结构
处理元素间距与对齐问题
解决响应式断点适配
审查前端布局代码
npx skills add trycompai/crm --skill better-layout -g -y
专注前端排版优化的技能，涵盖字体选择、变量字体配置、间距缩放、文本换行截断及无障碍对比度检查。指导在代码审查中评估文字渲染效果，并强调适配项目现有样式系统（如Tailwind或CSS Modules）。
前端页面文字排版与视觉优化
字体格式选择与变量字体配置
文本换行、截断及层级结构审查
CSS样式调整以改善可读性
npx skills add trycompai/crm --skill better-typography -g -y
指导在 NestJS 中集成 tRPC，涵盖模块注册、路由定义、DI 注入及 Zod 校验。重点解决运行时与客户端类型生成双系统一致性问题，支持从 GraphQL/REST 迁移。
提及 nestjs-trpc 或 tRPC in NestJS
使用 @Router/@Query 装饰器
需要端到端类型安全的 API
迁移 NestJS GraphQL/REST 到 tRPC
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于诊断网站SEO问题，涵盖技术基础、爬取索引及页面优化。通过结构化框架识别排名下降原因并提供改进建议。
用户请求SEO审计或技术SEO检查
询问为何不在Google排名或流量下跌
涉及核心网页指标、爬取错误或索引问题
npx skills add trycompai/crm --skill seo-audit -g -y
