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 服务的配置指南，涵盖安装、环境变量设置、数据库适配器选择、会话管理及插件集成。用于指导用户快速搭建基于 TypeScript 的身份认证系统。
需要配置 Better Auth 服务
设置数据库适配器和会话管理
添加 OAuth 或 Email/Password 认证
npx skills add trycompai/crm --skill better-auth-best-practices -g -y
提供基于OKLCH色彩空间的Web项目颜色管理方案，涵盖格式转换、调色板生成、对比度检测及Tailwind主题集成，支持语义化设计与无障碍优化。
颜色格式转换
生成配色方案
检查对比度
处理色域边界
配置Tailwind主题
npx skills add trycompai/crm --skill better-colors -g -y
协调六个专项技能对界面进行整体审查，涵盖无障碍、布局、文案等。通过确定范围和模式，整合各领域证据，输出统一优先级结论，避免重复审计。
显式调用 better-interface
要求全面界面审查
执行跨学科设计评审
npx skills add trycompai/crm --skill better-interface -g -y
提供UI界面打磨的设计工程原则，涵盖动画、图标、表面细节及性能优化。用于构建组件、审查前端代码、实现微交互及视觉调优，解决界面观感不佳或动效生硬问题。
UI polish
make it feel better
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审查，强调复用现有模式、保持命名与结构规范，并检测注释、辅助函数及类型层面的垃圾代码。
审查Pull Request或代码差异
检查代码复用性与组合结构
评估代码库一致性
识别和清理冗余代码
npx skills add trycompai/crm --skill code-refactor-review -g -y
自动化执行代码提交、推送及创建 Draft PR 流程，并生成结构化描述。
需要创建草稿 Pull Request
完成开发后需提交并推送代码
npx skills add trycompai/crm --skill create-draft-pr -g -y
用于渲染语法高亮的代码文件、差异对比及合并冲突，支持React集成、虚拟列表审查界面构建与编辑功能。
需要渲染代码diff或patch
构建代码审查界面
编辑代码视图
npx skills add trycompai/crm --skill diffs -g -y
用于构建持久化后端 AI Agent 的框架技能。支持创建、编辑和调试基于 eve 的项目，涵盖指令、工具、连接等配置，强调以文件系统为核心并依赖内置文档进行开发。
使用 eve 框架创建新的 AI Agent 项目
修改或调试现有的 eve Agent 配置与代码
npx skills add trycompai/crm --skill eve -g -y
用于在后台并行会话中启动针对现有PR或分支的跟进任务，如解决合并冲突或响应反馈。支持复用已有tmux会话和克隆仓库，自动处理输入解析与会话管理。
用户要求对现有PR进行后续工作
需要继续某个分支的开发
请求解决PR中的合并冲突
要求响应PR上的代码反馈
npx skills add trycompai/crm --skill ga-pr -g -y
该技能用于启动新的开发任务，自动创建并行克隆、分支及 tmux 会话，并生成结构化提示词驱动 AI 代理自主完成功能开发或修复。
用户请求新功能开发
用户请求 Bug 修复
npx skills add trycompai/crm --skill ga -g -y
管理 GitHub 堆叠 PR，支持创建、查看、编辑、推送、提交、同步、变基、合并及检出。用于拆分多部分工作为可审查分支，处理依赖关系与层序结构。
用户要求拆分或隔离工作进行审查
提到 stack、branch layers、dependent PRs 或 gh stack
需要检出一个已存在的 stack
npx skills add trycompai/crm --skill gh-stack -g -y
在本地 TypeScript/JS 仓库中安装和配置 anti-slop Oxlint 插件，自动处理依赖、注册规则并集成到现有 lint 流程，支持迁移旧配置。
用户要求添加 anti-slop 代码规范检查
需要复制并配置 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，强制使用派生状态、事件处理或数据获取库替代。适用于编写组件、重构代码及 PR 审查，提供五种替换模式及 useMountEffect 逃生舱方案。
编写新的 React 组件
重构现有的 useEffect 调用
审查引入 useEffect 的 PR
Agent 不当添加 useEffect
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、组件或钩子，将安全默认行为设为唯一路径，消除误用陷阱（footguns）。通过移动不变量、简化接口和删除绕过逻辑，确保正确用法成为自然选择。
代码存在易被误用的API设计
需要重构以消除调用方的隐藏依赖或约定
公共接口允许非法状态表示
npx skills add trycompai/crm --skill pit-of-success -g -y
自动为代码添加 PostHog 分析、事件追踪和特性标志。适用于用户请求集成分析工具、追踪用户行为或实现功能开关的场景，支持多种框架的最佳实践指导。
用户要求添加 PostHog 或分析功能
需要追踪事件或用户操作
需要实现特性标志
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 等）的配置指南，涵盖初始化、连接配置、驱动适配器设置及故障排查。
配置 PostgreSQL
连接 MySQL
设置 MongoDB
SQLite 配置
npx skills add trycompai/crm --skill prisma-database-setup -g -y
管理 shadcn/ui 组件，支持添加、搜索、调试、样式调整及 UI 组合。提供项目上下文、文档和示例，强制遵循特定编码规范，适用于涉及 shadcn 的项目开发。
使用 shadcn/ui 组件库
需要构建或调整 UI 界面
运行 shadcn CLI 命令
处理 components.json 配置
npx skills add trycompai/crm --skill shadcn -g -y
用于创建、修改和优化 Agent Skill 的工具。支持从需求分析、编写草稿、设计测试用例到运行评估和性能基准测试的全流程，并根据反馈迭代改进技能描述与逻辑。
需要从零开始创建一个新的 Skill
希望优化或重构现有的 Skill
需要对 Skill 进行性能评估和基准测试
调整 Skill 的描述以提高触发准确率
npx skills add trycompai/crm --skill skill-creator -g -y
提供 Turborepo monorepo 构建系统配置指导，涵盖任务管道、缓存优化、依赖管理及 CI 集成最佳实践。
turbo.json 配置
任务管道与依赖设置
缓存调试与优化
monorepo 结构规划
npx skills add trycompai/crm --skill turborepo -g -y
指导掌握TypeScript高级类型系统，包括泛型、条件类型、映射类型及工具类型，用于构建类型安全应用和复杂类型逻辑。
实现复杂的类型推断逻辑
创建可复用的泛型组件或类型工具
确保TypeScript项目的编译时类型安全
npx skills add trycompai/crm --skill typescript-advanced-types -g -y
从用户体验出发构建高层架构计划，先梳理当前与目标状态的用户流树，再映射代码锚点，明确架构边界决策及实现细节。
需要规划新功能或重构的架构设计
用户要求先理清业务流程再确定技术实现
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性能优化指南，涵盖消除数据瀑布、打包体积优化及服务端/客户端性能规则。用于指导代码编写、审查与重构，确保应用高性能。
编写或重构React组件及Next.js页面
审查代码中的性能问题
优化数据获取策略
减小Bundle体积
npx skills add trycompai/crm --skill vercel-react-best-practices -g -y
审查前端UI代码是否符合Web界面指南，支持访问性和UX审计。通过Fetch获取最新规则并检查文件合规性。
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 辅助技能，帮助开发者构建 AI 应用、Agent 及聊天功能。指导查询版本匹配的文档与源码，避免依赖过时记忆，涵盖模型选择、流式输出及结构化输出等核心 API 使用。
询问 AI SDK 函数如 generateText, streamText
构建 AI Agent 或聊天机器人
集成 OpenAI/Anthropic 等提供商
使用 React hooks 如 useChat
npx skills add trycompai/crm --skill ai-sdk -g -y
专注于前端界面无障碍工程，涵盖焦点状态、键盘支持、ARIA语义、表单及屏幕阅读器适配。用于构建或审查UI组件，解决键盘导航和读屏软件兼容性问题，确保符合WCAG标准。
用户要求提升界面无障碍性
报告键盘导航或屏幕阅读器问题
涉及ARIA、焦点管理、语义化HTML等关键词
npx skills add trycompai/crm --skill better-accessibility -g -y
提供Web界面布局的结构化指导，涵盖分组、对齐、间距、响应式断点及RTL处理。用于构建或审查UI代码，确保视觉层次清晰且适应不同屏幕尺寸。
需要调整页面或组件的布局结构
处理控件间距与对齐问题
设计响应式布局以适应小屏幕
审查前端代码中的布局规范
npx skills add trycompai/crm --skill better-layout -g -y
专注于前端网页排版的技能，涵盖字体选择、变量字体配置、间距缩放、文本换行截断及无障碍细节优化。指导在构建或审查代码时，如何根据项目样式系统规范处理文字渲染行为。
选择或配对字体
配置变量字体或 OpenType 特性
设置类型比例尺和标题层级
检查文本换行、截断及可访问性细节
npx skills add trycompai/crm --skill better-typography -g -y
用于在 NestJS 中构建端到端类型安全的 tRPC API。涵盖模块注册、路由定义、依赖注入配置及客户端类型生成，解决运行时与类型系统不一致问题。
NestJS 集成 tRPC
使用 @Router/@Query 装饰器
迁移至 tRPC
AppRouter 类型生成
npx skills add trycompai/crm --skill nestjs-trpc -g -y
用于诊断网站SEO问题、审查技术SEO、分析排名下降原因及提供优化建议的专家技能。涵盖爬虫性、索引状态、核心网页指标及结构化数据检测等全面审计流程。
SEO audit
technical SEO
why am I not ranking
SEO issues
on-page SEO
meta tags review
SEO health check
my traffic dropped
lost rankings
not showing up in Google
site isn't ranking
Google update hit me
page speed
core web vitals
crawl errors
indexing issues
my SEO is bad
help with SEO
npx skills add trycompai/crm --skill seo-audit -g -y
