使用说明
卡特市场🚀
一个精心策划的Claude Code插件市场,旨在通过生产就绪的代理、技能、命令和MCP服务器来增强您的开发工作流程。无需配置-这些最佳实践开箱即用!
🎯 什么是卡特市场?
Carter Marketplace是一组预配置的Claude Code插件,通过专用工具、代理和集成扩展了Claude的功能。每个插件都旨在以最少的设置解决实际的开发问题。
📦 可用插件
有用的插件
一个全面的插件,汇集了日常编码任务的基本开发工具。此插件包括专业代理、创造性技能、高效命令和强大的MCP服务器集成。
✨ 特性
🤖 专业代理
代理是具有专门功能的自主子流程,可以处理复杂的多步骤任务。
代码审查
通过全面分析进行彻底的代码审查:
- 代码质量分析:结构、组织、代码气味、反模式和可维护性
- Bug检测:运行时错误、逻辑错误、空指针解引用、竞争条件、错误处理
- 安全审查:OWASP十大漏洞、注入漏洞(SQL、XSS、命令注入)、身份验证/授权逻辑、不安全的加密、硬编码秘密
- 性能分析:瓶颈、低效的算法、不必要的计算、数据库查询优化
- 最佳实践:错误处理、测试覆盖率、文档、API设计、依赖性管理
- 架构评审:设计模式、关注点分离、模块边界、可扩展性
使用案例:
- 拉取请求评论
- 安全审计
- 识别错误和潜在问题
- 规范标准执行
- 重构指导
chrome开发工具
由Chrome DevTools MCP支持的实时浏览器调试和检查:
- DOM和元素检查:快照页面结构,检查属性,识别布局问题
- JavaScript评估:在浏览器上下文中执行代码,交互式测试函数,调试客户端逻辑
- 网络分析:检查HTTP请求/响应,检查标头和有效负载,调试API调用
- 控制台调试:查看日志、警告、错误、捕获堆栈跟踪
- 浏览器自动化:导航页面、填写表单、上传文件、处理对话框、模拟设备
- 性能分析:启动/停止跟踪,分析核心网络生命周期,生成性能洞察
使用案例:
- 实时浏览器中的前端调试
- 在浏览器上下文中测试JavaScript
- 分析网络请求和响应
- 自动化浏览器交互
- 性能分析
🎨 创意技能
技能为特定任务提供专业能力和领域知识。
前端设计
创建独特的、生产级的前端界面,避免通用的人工智能美学:
- 大胆的设计思维:选择极端的美学方向(残酷的极简主义、最大化的混乱、复古的未来主义、有机/自然、奢华/精致、俏皮、社论、野兽派、装饰艺术、工业等)
- 排版卓越:独特、美观的字体选择,将美学提升到通用字体之外
- 衔接色彩与主题:CSS变量,用于与主色和鲜明的重音保持一致
- 运动与动画:纯CSS解决方案、React的Motion库、滚动触发效果、交错显示
- 空间构成:意想不到的布局、不对称、重叠、对角线流动、宽敞的负空间
- 视觉细节:渐变网格、噪波纹理、几何图案、分层透明度、戏剧性阴影、自定义光标、纹理覆盖
设计原则:
- 生产等级、功能代码
- 视觉上引人注目且令人难忘的界面
- 凝聚力美学观点
- 特定于上下文的字符(无通用模板)
- 将实现复杂性与美学愿景相匹配
使用案例:
- 构建web组件、页面或应用程序
- 创造独特、精致的界面
- 避免通用的“AI slop”设计
- 生产就绪的前端代码
⚡ 高效命令
命令是用于常见任务的轻量级、单用途操作。
/承诺
按照Angular约定创建git提交:
- 使用Haiku模型提高速度和效率
- 分析当前git状态和差异
- 生成有意义的提交消息
- 在单个操作中分期并提交更改
- 遵循Angular提交消息约定
权限:
git status:检查存储库状态git add:阶段变化git commit:创建提交
🔌 MCP服务器集成
模型上下文协议(MCP)服务器提供外部工具集成。
chrome开发工具MCP
提供所有Chrome DevTools功能:
- 直接浏览器自动化和检查
- 实时DOM和网络分析
- 浏览器上下文中的JavaScript评估
- 性能跟踪和分析
命令: npx -y chrome-devtools-mcp
上下文7 MCP
检索任何库的最新文档和代码示例:
- 将库名称解析为与Context7兼容的ID
- 获取包含代码示例的当前文档
- 访问API参考资料和概念指南
- 支持版本化文档
命令: npx -y @upstash/context7-mcp
🚀 入门指南
安装
- 克隆市场:
git clone git@github.com:bjzgcai/carter-marketplace.git
claude
- 将市场添加到Claude Code:
/plugin marketplace add ./carter-marketplace
- 安装你想要的插件:
/plugin install useful-plugin@carter-marketplace
-
出现提示时选择“立即安装”。
-
重新启动Claude Code以激活插件。
-
通过检查可用命令验证安装:
/help
您应该看到所列插件中的新命令、代理和技能。
- 开始使用这些功能!试试
/commit命令,调用代理,如code-review,或使用以下技能frontend-design.
更新插件
最快的方法:
claude plugin disable useful-plugin && claude plugin enable useful-plugin && claude
!重要提示:vscode中的claude代码扩展可能无法像cli那样很好地支持
使用插件
此市场中的插件遵循Claude Code插件结构:
plugin-name/
├── .claude-plugin/
│ └── plugin.json # Plugin metadata
├── .mcp.json # MCP server configurations
├── agents/ # Specialized agents
│ ├── agent-name.md
│ └── ...
├── skills/ # Creative skills
│ ├── skill-name.md
│ └── ...
└── commands/ # Quick commands
├── command-name.md
└── ...
插件结构
每个插件包括:
- plugin.json:元数据(名称、版本、作者、描述)
- .mcp.json:用于外部工具集成的MCP服务器配置
- 代理商/:定义专用代理的Markdown文件
- 技能/:定义创意能力的Markdown文件
- 命令/:定义快速操作的Markdown文件
📋 插件详细信息
有用的插件配置
插件信息:
- 姓名: 有用的插件
- 版本: 1.0.0
- 作者 卡特
- 说明: 一个学习基础知识的有用插件
内容:
- 2个代理(代码审查、chrome开发工具)
- 1技能(前端设计)
- 1命令(提交)
- 2台MCP服务器(chrome开发工具,context7)
🤝 贡献
想在市场上添加自己的插件吗?
- 分叉此存储库
- 按照上述结构创建一个新的插件目录
- 将您的插件添加到
.claude-plugin/marketplace.json - 提交拉取请求
📝 许可证
此项目根据MIT许可证获得许可-请参阅 许可证 文件以获取详细信息。
🙏 学分
市场由ZGC Carter维护
建于 克劳德代码 和那个 Claude代理SDK
注: 这个市场展示了Claude Code插件的最佳实践。所有功能都已准备就绪,可以开箱即用!