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
集成 AI 对话组件
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 的集成指南，涵盖服务端与客户端配置、数据库适配器设置、会话管理及环境变量处理。适用于需要搭建 TypeScript 认证系统（含邮箱/密码或 OAuth）及插件配置的场景。
Better Auth 集成配置
设置数据库适配器
管理会话存储
添加 OAuth 插件
处理认证环境变量
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
提供 OKLCH 色彩空间在 Web 项目中的应用指南，涵盖颜色转换、调色板生成、对比度检查及 Gamut 边界处理。支持 Tailwind v4 主题配置与语义化颜色设计，确保视觉一致性与无障碍合规。
颜色格式转换
调色板生成
对比度检查
Gamut 边界处理
npx skills add trycompai/crm --skill better-colors -g -y
协调六个细分领域技能对界面进行整体审查，支持快速与完整两种模式。通过统一框架整合无障碍、布局等维度的证据，输出优先级排序的结论，避免重复或覆盖子技能规则。
显式调用 better-interface
执行全面界面审查
跨学科设计评审
npx skills add trycompai/crm --skill better-interface -g -y
提供UI细节打磨原则，指导构建和审查界面组件、动画、图标及微交互。涵盖圆角、阴影、光学对齐、中断式动画等规范，旨在提升视觉精致度与用户体验一致性。
UI细节优化
前端代码审查
实现动画或微交互
图标设计与状态处理
npx skills add trycompai/crm --skill better-ui -g -y
提供UX文案与界面微复制的写作及审查指南，涵盖按钮、错误提示等用户可见文本，强调清晰、一致和直接面向读者的原则。
UX写作
界面文案审查
微复制创作
产品文案撰写
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，依据pr-description规范生成描述，视情况补充UX流程说明。
完成功能开发需提交代码
创建Pull Request草稿
npx skills add trycompai/crm --skill create-draft-pr -g -y
用于在 React、SSR 或 Worker 环境中渲染语法高亮代码文件、差异对比（diffs）、补丁及合并冲突。支持 CodeView 审查界面、编辑器功能、自定义主题及行注释，帮助开发者展示和编辑代码内容。
需要渲染代码文件或 diff 内容
构建代码审查界面 (CodeView)
处理代码合并冲突展示
实现代码编辑器功能
npx skills add trycompai/crm --skill diffs -g -y
用于构建基于eve框架的持久化后端AI智能体。涵盖项目创建、编辑及调试，涉及指令、技能、工具、连接等核心组件的开发与管理。
使用eve框架开发或调试AI智能体
初始化或配置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 Agent 执行功能开发或修复。
用户提出新功能需求
用户报告 Bug 需要修复
npx skills add trycompai/crm --skill ga -g -y
管理 GitHub 堆叠 PR，支持创建、查看、编辑、推送、提交、同步、变基、合并及检出。用于拆分多部分工作为可审查分支，处理栈结构、依赖 PR 及分支层操作。
用户要求拆分或隔离工作进行审查
提及 stack、branch layers 或 dependent PRs
需要创建、查看、编辑、推送、提交、同步、变基、合并或检出一个 stack
npx skills add trycompai/crm --skill gh-stack -g -y
在本地TS/JS仓库中安装并配置anti-slop Oxlint插件，集成现有代码规范体系。
添加 anti-slop lint 规则
迁移现有的 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组件
重构现有的useEffect调用
审查引入useEffect的PR
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 分析、事件追踪及功能标志。适用于用户请求集成分析工具、埋点或实现特性开关的场景，支持多语言框架的最佳实践指导。
用户请求添加 PostHog 或分析功能
需要追踪用户行为事件
需要实现功能标志（Feature Flags）
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 及样式调整。提供上下文、文档和示例，指导基于 Tailwind CSS 的组件组合、表单处理及语义化样式规范，适用于前端 UI 开发。
使用 shadcn CLI 添加或管理组件
构建或重构前端 UI 界面
应用 Tailwind CSS 样式规范
解决组件样式或布局问题
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高级类型系统（泛型、条件类型等）的指导，用于构建类型安全应用。适用于实现复杂类型逻辑、创建可复用工具或确保编译时类型安全。
需要实现复杂的类型推断逻辑
构建强类型的API客户端或状态管理
迁移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 组件组合模式指南，解决布尔属性泛滥问题。涵盖复合组件、状态提升及上下文提供者设计，适用于重构、构建可复用库和审查组件架构，包含 React 19 API 变更建议。
重构含大量布尔属性的组件
构建可复用组件库
设计灵活组件 API
审查组件架构
npx skills add trycompai/crm --skill vercel-composition-patterns -g -y
提供Vercel工程团队的React和Next.js性能优化指南，涵盖消除数据瀑布、代码包体积优化及服务端渲染最佳实践。用于指导编写、审查或重构前端代码以确保高性能。
编写新的React组件或Next.js页面
实施客户端或服务端数据获取逻辑
审查代码以发现性能问题
重构现有React/Next.js代码以提升性能
优化应用打包体积或加载速度
npx skills add trycompai/crm --skill vercel-react-best-practices -g -y
用于审查前端 UI 代码是否符合 Web 界面设计规范。通过获取最新指南，检查指定文件并输出格式化的合规性问题报告，适用于 UI 审查、可访问性检查和 UX 审计场景。
审查 UI 代码
检查可访问性
审计设计
审查用户体验
检查网站最佳实践
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 功能，涵盖 API 查询、Agent/Chatbot 开发及多模型集成。强调以本地版本文档为准，严禁依赖记忆编写代码。
AI SDK
Vercel AI SDK
generateText
streamText
add AI to my app
build an agent
tool calling
structured output
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代码构建、审查及组件结构调整，确保视觉层级清晰且适配多端。
需要设计或调整页面/组件的布局结构
处理响应式断点或RTL布局方向
审查前端代码中的间距、对齐或视觉层级问题
npx skills add trycompai/crm --skill better-layout -g -y
专注于Web排版优化，涵盖字体选择、变量字体配置、间距设置及文本渲染。用于前端代码审查、样式调整及无障碍检查，确保文本层次、可读性和视觉一致性。
前端组件文本样式调整
字体格式与特性配置
排版可读性与层级审查
CSS文本属性优化
npx skills add trycompai/crm --skill better-typography -g -y
用于在NestJS中构建端到端类型安全的tRPC API，涵盖模块注册、路由定义、依赖注入及客户端类型生成。适用于API开发、迁移及集成场景。
在NestJS中集成tRPC
使用@Router/@Query等装饰器定义API
将GraphQL/REST迁移至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
