Agent Skills
› trycompai/crm
trycompai/crm
GitHub基于 shadcn/ui 构建 AI 聊天界面的组件库，提供对话、消息等预置组件。用于快速开发 Chatbot、AI 助手 UI 及各类 AI 驱动聊天应用的前端界面。
Install All Skills
npx skills add trycompai/crm --all -g -y
Skills in Collection (35)
基于 shadcn/ui 构建 AI 聊天界面的组件库，提供对话、消息等预置组件。用于快速开发 Chatbot、AI 助手 UI 及各类 AI 驱动聊天应用的前端界面。
构建 AI 聊天界面
开发 Chatbot UI
集成 AI 助手前端组件
npx skills add trycompai/crm --skill ai-elements -g -y
提供 Better Auth 集成指南，涵盖服务端/客户端配置、数据库适配器设置、会话管理及环境变量处理。用于指导 TypeScript 身份验证环境的搭建与插件配置。
Better Auth 环境搭建
配置 OAuth 或邮箱密码登录
设置数据库适配器
管理会话存储
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
提供OKLCH色彩空间支持，涵盖格式转换、调色板生成、对比度检查及Tailwind集成。用于Web项目色彩系统设计与优化，确保感知均匀性与语义化表达。
颜色转换与调色板生成
对比度与色域边界检查
Tailwind主题配置
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写作与界面文案规范，涵盖按钮、错误提示等用户可见文本的撰写与审查原则，确保一致性、清晰度和适配不同场景的语气。
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流程图。
用户请求创建草稿PR
需要提交代码并发起合并请求
npx skills add trycompai/crm --skill create-draft-pr -g -y
提供 @pierre/diffs 库的使用指南，涵盖语法高亮、代码差异渲染、编辑器功能及 SSR/Worker 支持，帮助开发者集成 React 或原生 JS 的代码查看与编辑界面。
需要渲染代码文件或 diff 视图
构建代码审查界面
实现代码编辑器功能
npx skills add trycompai/crm --skill diffs -g -y
用于构建、编辑和调试基于 eve 框架的持久化后端 AI Agent。涵盖代理指令、技能、工具、连接及调度等配置文件的开发工作。
创建新的 eve 项目
编辑 agent 配置文件
调试 eve 相关代码或逻辑
npx skills add trycompai/crm --skill eve -g -y
用于在并行 tmux 会话中启动针对现有 PR 或分支的后续开发任务，支持自动复用环境、处理合并冲突及切换 Agent 框架。
用户要求继续处理某个 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，支持创建、查看、推送、提交、同步、变基及合并等操作。用于将多部分工作拆分为可审查的分支栈，处理依赖关系与代码分层。
用户提及 stack、branch layers 或 dependent PRs
需要拆分或隔离工作进行审查
执行堆叠 PR 的创建、编辑、推送、提交、同步、变基或检出
npx skills add trycompai/crm --skill gh-stack -g -y
提供NestJS生产级应用的架构、依赖注入、安全及性能等最佳实践指南，用于指导代码编写、审查与重构。
编写NestJS模块或服务
审查NestJS代码架构与安全
重构现有NestJS代码库
npx skills add trycompai/crm --skill nestjs-best-practices -g -y
用于 React 开发中禁止直接使用 useEffect，强制使用派生状态、事件处理或数据获取库等替代方案。适用于编写新组件、重构代码及 PR 审查场景。
编写新的 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 更新性能
调试 nuqs 相关问题
npx skills add trycompai/crm --skill nuqs -g -y
旨在重构代码以消除 API 和组件的潜在陷阱，确保正确行为成为默认路径。通过识别公共接口、测试误用场景并将不变量移入接口层，使错误使用变得困难，提升代码安全性和可维护性。
发现 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
分析当前分支相对于 main 的差异及关联 PR，构建上下文以支持后续任务。通过读取 git diff、提交历史和 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等）的配置指南，涵盖项目初始化、连接配置及驱动适配器设置。
配置 PostgreSQL
连接 MySQL
设置 MongoDB
SQLite 配置
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理 shadcn/ui 组件库，支持添加、搜索、修复及调试 UI 组件。提供项目上下文、组件文档与使用示例，遵循组合优先与语义化样式原则，适用于基于 shadcn 的项目开发。
shadcn init
create an app with --preset
switch to --preset
working with shadcn/ui
component registries
presets
npx skills add trycompai/crm --skill shadcn -g -y
用于创建、修改和优化 AI Agent 技能（Skill）。支持从构思到编写草稿，再到通过测试提示和评估脚本进行定量/定性评测，并根据反馈迭代优化技能描述与性能。
用户想要从零开始创建一个新的 Skill
需要编辑或优化现有的 Skill
运行评估测试以衡量 Skill 性能
优化 Skill 的描述以提高触发准确率
npx skills add trycompai/crm --skill skill-creator -g -y
提供Turborepo单仓库构建系统的最佳实践，指导任务配置、缓存优化及并行执行。
配置turbo.json任务管道
调试缓存命中问题
优化CI/CD流水线性能
设置包间依赖关系
npx skills add trycompai/crm --skill turborepo -g -y
指导掌握TypeScript高级类型系统，包括泛型、条件类型和映射类型等，用于构建类型安全的应用程序、复用组件及实现复杂类型逻辑。
需要实现复杂的类型推断逻辑
创建可复用的泛型组件或工具类型
确保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
提供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界面指南，支持审查UI、可访问性及UX。通过Fetch获取最新规则并比对文件，输出格式化的问题报告。
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 相关问题，辅助构建 AI 应用、智能体及聊天功能。指导开发者查阅本地文档与源码以获取最新 API 信息，避免依赖过时记忆。
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组件构建审查及修复键盘/读屏问题。
用户提及 accessibility, a11y, WCAG, aria, focus ring, keyboard navigation, screen reader
报告键盘或屏幕阅读器兼容性问题
构建或审查 UI 组件如模态框、菜单、表单
npx skills add trycompai/crm --skill better-accessibility -g -y
提供Web界面布局结构的设计原则，涵盖分组、对齐、间距、响应式断点及RTL支持。用于指导UI代码构建与审查，确保视觉层级清晰且适配多设备。
网页或组件的布局结构设计
控件间距与对齐方式调整
响应式断点与自适应布局决策
前端代码中的布局规范审查
npx skills add trycompai/crm --skill better-layout -g -y
专注于Web排版的设计与代码审查，涵盖字体选择、变量字体、间距、换行及无障碍性。指导如何匹配项目样式系统，确保文本渲染舒适且层级清晰。
选择或搭配字体
配置变量字体或OpenType特性
检查标题层级和类型比例
审查前端代码中的排版细节
npx skills add trycompai/crm --skill better-typography -g -y
指导在 NestJS 中集成 tRPC，涵盖模块注册、装饰器使用、DI 配置及客户端类型生成。解决运行时与类型系统独立导致的故障排查，支持从 GraphQL/REST 迁移。
NestJS 中构建端到端类型安全的 tRPC API
使用 @Router/@Query 等装饰器定义过程
生成 AppRouter 客户端类型
将 NestJS GraphQL/REST API 迁移至 tRPC
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于诊断网站SEO问题，提供技术SEO、页面优化及内容质量的审计报告与改进建议。适用于流量下降、排名丢失或常规SEO健康检查场景。
用户希望审计或诊断网站SEO问题
提及技术SEO、元标签审查或核心网页指标
询问为何未获排名或流量突然下降
报告爬取错误、索引问题或Google更新影响
npx skills add trycompai/crm --skill seo-audit -g -y
