停止人工智能幻觉。
您的 AI 编辑器了解 Tailwind CSS。
Cherry 是一款免费的 MCP 服务器（模型上下文协议），可为您的 AI 编码助手提供所需的准确 Tailwind CSS 组件规范、主题、文档和块 - 按需提供，没有幻觉。
为什么 AI 助手会弄错 Tailwind CSS - 以及 Cherry 如何修复它
没有樱桃
- AI 幻觉 Frutjam 中不存在的类名
- 您将文档复制粘贴到每个提示中，浪费了令牌
- llms.txt 转储所有内容 — AI 不知所措
- 由于 AI 使用过时的组件 API，生成的 UI 中断
含樱桃
- 人工智能获取其所需的每个组件的准确规格
- 在正确的时间出现正确的上下文——没有令牌浪费
- 始终与最新的 Frutjam 版本同步
- 输出准确、语义化且可用于生产
樱桃能做什么
只需描述您想要什么。 Cherry 为您的人工智能提供正确构建它所需的确切知识。
| 你问你的人工智能... | 樱桃让这一切发生 |
|---|---|
| “在此页面添加定价部分” | 获取真实定价块 HTML 并将其放入 |
| “Frutjam 有哪些徽章变体？” | 提取完整的徽章规范 - 类别、尺寸、状态、示例 |
| “将蓝莓主题应用于此布局” | 加载该主题的确切设计标记 |
| “将此 Bootstrap 导航栏转换为 Frutjam” | 迁移标记以纠正 Frutjam 类 |
| “将此 Figma 设计转换为 Frutjam HTML” | 读取 Figma 链接并使用 Frutjam 组件复制它 |
| “将这张普通的 Tailwind 卡迁移到 Frutjam” | 用正确的 Frutjam 组件类替换 Tailwind 实用程序 |
内置AI斜杠命令
Cherry 包含针对最常见 Frutjam 任务的现成提示。在 AI 编辑器中键入命令，提供输入，然后获得准确的 Frutjam 代码 - 无需手动提示。
/figma_to_frutjam
Figma→Frutjam
粘贴 Figma 设计描述或导出的 JSON。 Cherry 将其转换为准确的、可复制粘贴的 Frutjam HTML。
/image_to_frutjam
屏幕截图 → Frutjam
描述 UI 屏幕截图或分享图像 URL。 Cherry 使用最接近的 Frutjam 组件重现了它。
/tailwind_to_frutjam
顺风 → Frutjam
粘贴原始 Tailwind HTML。 Cherry 使用正确的 Frutjam 组件类替换了手工制作的实用程序。
/bootstrap_to_frutjam
Bootstrap → Frutjam
粘贴 Bootstrap 标记。 Cherry 将每个 Bootstrap 类映射到其 Frutjam 等效项并输出干净的 HTML。
/generate_theme
生成主题
描述一种情绪、品牌或调色板。 Cherry 生成一个完整的 Frutjam 主题，其中包含所有必需的 CSS 变量。
＋
每次更新都会添加更多提示。
所有斜杠命令均可在 Claude Code、Cursor、VS Code 和任何 MCP 兼容编辑器中使用。
樱桃比较如何
并非所有人工智能环境都是平等的。
| Cherry MCP | llms.txt | No context | |
|---|---|---|---|
| 准确的类名 | ✓ | 部分的 | ✗ |
| 按需 — 只提供需要的内容 | ✓ | ✗ 倾倒一切 | ✗ |
| 代币效率高 | ✓ | ✗ | ✓ |
| 始终保持最新状态 | ✓ | ✓ | ✗ |
| 主题和设计标记 | ✓ | 部分的 | ✗ |
| 现成的页面块 | ✓ | ✗ | ✗ |
| Figma / 图片 → 代码 | ✓ | ✗ | ✗ |
| 框架迁移 | ✓ 顺风、引导 | ✗ | ✗ |
| Tailwind CSS v4 准确的类名称 | ✓ | 部分的 | ✗ |
一分钟内完成设置
无需帐户即可开始。免费套餐开箱即用 - 只需将 Cherry 添加到您的编辑器中即可开始使用。仅 Pro 和 Team 计划需要许可证密钥和电子邮件。
Claude Code
免费套餐 无需帐户
claude mcp add frutjam-cherry -- npx -y frutjam-cherry@latest职业/团队 需要许可证
claude mcp add frutjam-cherry \
--env LICENSE=your-license-key \
--env EMAIL=your@email.com \
-- npx -y frutjam-cherry@latestCursor
打开光标设置 → MCP 并添加：
免费套餐 无需帐户
{
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}职业/团队 需要许可证
{
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}VS Code
按 Ctrl+Shift+P → MCP：打开用户配置，然后添加：
免费套餐 无需帐户
{
"servers": {
"frutjam-cherry": {
"type": "stdio",
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}
}职业/团队 需要许可证
{
"servers": {
"frutjam-cherry": {
"type": "stdio",
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}
}Other editors
免费套餐 无需帐户
{
"mcpServers": {
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}
}职业/团队 需要许可证
{
"mcpServers": {
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}
}设置后 — 您的前 60 秒
确认 Cherry 正在工作并开始构建的三个步骤。
验证它正在运行
VS Code
Ctrl+Shift+U → 在输出下拉列表中选择 MCP。查找frutjam-cherry：正在运行。
Cursor
设置 → MCP。服务器应在 frutjam-cherry 旁边显示绿色的连接状态。
Claude Code
在终端中运行claude mcp list。 frutjam-cherry 应显示为已连接。
运行你的第一个测试
打开您的 AI 聊天面板并输入：
List all available Frutjam components如果 Cherry 处于活动状态，您的 AI 将调用 list_components 并返回组件名称列表。就是这样——它正在工作。
开始构建——示例提示
| 对你的人工智能说这句话 | 樱桃是做什么的 |
|---|---|
| "Show me how to use the Frutjam button component" | 调用 get_component 并返回完整规范 |
| "Build me a pricing card using Frutjam" | 查找卡片组件并编写准确的代码 |
| "Show me the darkberry theme tokens" | 调用 get_theme 并返回所有 CSS 变量 |
| "Get me the hero block" | 调用 get_block 并返回复制粘贴 HTML |
| "How do I install Frutjam?" | 调用 get_docs 并返回安装指南 |
您无需提及 Cherry，只需描述您想要什么即可。您的人工智能会自动调用正确的工具。
Cherry 包含在 Pro 和 Team 中
提供免费套餐 - 每日请求有限，无需帐户。
升级到专业版或团队版可无限请求并访问高级块和 AI 斜杠命令。
常问问题
什么是 MCP 服务器？
MCP（模型上下文协议）是一个开放标准，允许 AI 助手在运行时调用外部工具。 Cherry 充当工具服务器 - 您的 AI 编辑器称其为按需获取 Frutjam 规格，而不是根据训练数据进行猜测。
为什么 AI 助手会产生 Tailwind CSS 类名的幻觉？
AI 模型是在网络快照上进行训练的 - 它们不知道特定组件库的确切类名，特别是对于较新的库或 Tailwind CSS v4 API。如果没有实时上下文，他们就会发明听起来似乎合理但不存在的类。 Cherry 通过在需要时向您的 AI 提供真实的、最新的 Frutjam 组件文档来解决这个问题，从而完全消除幻觉。
Cherry 支持哪些编辑器？
任何支持 MCP 的编辑器：Claude Code、Cursor、VS Code、Windsurf、Zed、Cline 以及任何其他实现 MCP 标准的编辑器。
免费版和专业版/团队版有什么区别？
免费为您提供有限的每日请求以及对组件文档和免费块的访问。专业版和团队版解锁无限请求、高级块、模板和所有 AI 斜杠命令。
我如何接收我的许可证密钥？
订阅后，您的许可证密钥将立即通过电子邮件发送。您还可以通过帐户信息中心管理您的订阅和席位。
我可以离线使用 Cherry 吗？
Cherry 会在首次使用时在线验证您的许可证，然后在本地缓存 7 天。之后它会重新验证。您只需要短距离的互联网连接即可。
我可以随时取消吗？
是的。随时取消。您的访问权限将持续到计费周期结束。
准备好更快地构建了吗？
让您的 AI 从第一个提示开始就使用准确的 Frutjam 代码。