Đừng đoán nữa.
AI biết Frutjam.
Cherry là một máy chủ MCP miễn phí (Giao thức ngữ cảnh mô hình) cung cấp cho trợ lý mã hóa AI của bạn các thông số, chủ đề, tài liệu và khối chính xác của thành phần CSS Tailwind mà nó cần — theo yêu cầu, không gây ảo giác.
không có anh đào
- AI hallucinates class names that don't exist in Frutjam
- You copy-paste docs into every prompt, wasting tokens
- llms.txt dumps everything — AI gets overwhelmed
- Generated UI breaks because AI used outdated component APIs
Với Anh Đào
- AI fetches the exact spec for each component it needs
- Right context at the right time — no token waste
- Always in sync with the latest Frutjam version
- Output is accurate, semantic, and production-ready
Cherry có thể làm gì
Chỉ cần mô tả những gì bạn muốn. Cherry cung cấp cho AI của bạn kiến thức chính xác cần thiết để xây dựng nó đúng cách.
| Bạn hỏi AI của bạn... | Cherry làm cho điều đó xảy ra |
|---|---|
| "Add a pricing section to this page" | Fetches the real pricing block HTML and drops it in |
| "What badge variants does Frutjam have?" | Pulls the full badge spec — classes, sizes, states, examples |
| "Apply the blueberry theme to this layout" | Loads the exact design tokens for that theme |
| "Convert this Bootstrap navbar to Frutjam" | Migrates the markup to correct Frutjam classes |
| "Turn this Figma design into Frutjam HTML" | Reads the Figma link and reproduces it with Frutjam components |
| "Migrate this plain Tailwind card to Frutjam" | Replaces Tailwind utilities with the right Frutjam component classes |
Lệnh gạch chéo AI tích hợp
Cherry bao gồm các lời nhắc làm sẵn cho các tác vụ Frutjam phổ biến nhất. Nhập lệnh trong trình soạn thảo AI của bạn, cung cấp thông tin đầu vào và nhận mã Frutjam chính xác — không cần lời nhắc thủ công.
/figma_to_frutjam
Figma → Trái cây
Dán mô tả thiết kế Figma hoặc JSON đã xuất. Cherry chuyển đổi nó thành HTML Frutjam chính xác, có thể sao chép được.
/image_to_frutjam
Ảnh chụp màn hình → Frutjam
Mô tả ảnh chụp màn hình giao diện người dùng hoặc chia sẻ URL hình ảnh. Cherry tái tạo nó bằng các thành phần Frutjam gần nhất.
/tailwind_to_frutjam
Gió xuôi → Frutjam
Dán HTML Tailwind thô. Cherry thay thế các tiện ích thủ công bằng các lớp thành phần Frutjam chính xác.
/bootstrap_to_frutjam
Bootstrap → Frutjam
Dán đánh dấu Bootstrap. Cherry ánh xạ mọi lớp Bootstrap tương đương với Frutjam của nó và tạo ra HTML sạch.
/generate_theme
Tạo chủ đề
Mô tả tâm trạng, thương hiệu hoặc bảng màu. Cherry tạo một chủ đề Frutjam hoàn chỉnh với tất cả các biến CSS cần thiết.
＋
Nhiều lời nhắc được thêm vào với mỗi bản cập nhật.
Tất cả các lệnh gạch chéo đều có sẵn trong Mã Claude, Con trỏ, Mã VS và bất kỳ trình soạn thảo tương thích MCP nào.
Cherry so sánh như thế nào
Không phải tất cả bối cảnh AI đều như nhau.
| Cherry MCP | llms.txt | No context | |
|---|---|---|---|
| Tên lớp chính xác | ✓ | một phần | ✗ |
| Theo yêu cầu - chỉ những gì cần thiết | ✓ | ✗ vứt bỏ mọi thứ | ✗ |
| Mã thông báo hiệu quả | ✓ | ✗ | ✓ |
| Luôn cập nhật | ✓ | ✓ | ✗ |
| Chủ đề & mã thông báo thiết kế | ✓ | một phần | ✗ |
| Khối trang làm sẵn | ✓ | ✗ | ✗ |
| Figma/hình ảnh → mã | ✓ | ✗ | ✗ |
| Di chuyển khung | ✓ Tailwind, Bootstrap | ✗ | ✗ |
| Tên lớp chính xác của Tailwind CSS v4 | ✓ | một phần | ✗ |
Thiết lập trong vòng chưa đầy một phút
Không cần tài khoản để bắt đầu. Cấp miễn phí hoạt động ngay lập tức — chỉ cần thêm Cherry vào trình chỉnh sửa của bạn và sử dụng. Mã cấp phép và email chỉ được yêu cầu cho các gói Pro và Team.
Claude Code
Bậc miễn phí không cần tài khoản
claude mcp add frutjam-cherry -- npx -y frutjam-cherry@latestChuyên nghiệp / Đội yêu cầu giấy phép
claude mcp add frutjam-cherry \
--env LICENSE=your-license-key \
--env EMAIL=your@email.com \
-- npx -y frutjam-cherry@latestCursor
Mở Cài đặt con trỏ → MCP và thêm:
Bậc miễn phí không cần tài khoản
{
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}Chuyên nghiệp / Đội yêu cầu giấy phép
{
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}VS Code
Nhấn Ctrl+Shift+P → MCP: Mở Cấu hình người dùng, sau đó thêm:
Bậc miễn phí không cần tài khoản
{
"servers": {
"frutjam-cherry": {
"type": "stdio",
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}
}Chuyên nghiệp / Đội yêu cầu giấy phép
{
"servers": {
"frutjam-cherry": {
"type": "stdio",
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}
}Other editors
Bậc miễn phí không cần tài khoản
{
"mcpServers": {
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}
}Chuyên nghiệp / Đội yêu cầu giấy phép
{
"mcpServers": {
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}
}Sau khi thiết lập — 60 giây đầu tiên của bạn
Ba bước để xác nhận Cherry đang hoạt động và bắt đầu xây dựng.
Xác minh nó đang chạy
VS Code
Ctrl+Shift+U → chọn MCP trong danh sách thả xuống Đầu ra. Tìm kiếm frutjam-cherry: Đang chạy.
Cursor
Cài đặt → MCP. Máy chủ sẽ hiển thị trạng thái kết nối màu xanh lục bên cạnh frutjam-cherry.
Claude Code
Chạy danh sách mcp claude trong thiết bị đầu cuối. frutjam-cherry sẽ xuất hiện dưới dạng được kết nối.
Chạy thử nghiệm đầu tiên của bạn
Mở bảng trò chuyện AI của bạn và gõ:
List all available Frutjam componentsNếu Cherry hoạt động, AI của bạn sẽ gọi list_comComponents và trả về danh sách tên thành phần. Thế là xong - nó đang hoạt động.
Bắt đầu xây dựng - lời nhắc ví dụ
| Nói điều này với AI của bạn | Anh đào làm gì |
|---|---|
| "Show me how to use the Frutjam button component" | Calls get_component and returns the full spec |
| "Build me a pricing card using Frutjam" | Looks up the card component and writes accurate code |
| "Show me the darkberry theme tokens" | Calls get_theme and returns all CSS variables |
| "Get me the hero block" | Calls get_block and returns copy-paste HTML |
| "How do I install Frutjam?" | Calls get_docs and returns the installation guide |
Bạn không cần phải đề cập đến Cherry - chỉ cần mô tả những gì bạn muốn. AI của bạn sẽ tự động gọi đúng công cụ.
Cherry được bao gồm trong Pro và Team
Có sẵn cấp miễn phí — số lượng yêu cầu hàng ngày có giới hạn, không cần tài khoản.
Nâng cấp lên Pro hoặc Team để nhận được yêu cầu không giới hạn và quyền truy cập vào các khối cao cấp cũng như lệnh gạch chéo AI.
Câu hỏi thường gặp
Máy chủ MCP là gì?
MCP (Giao thức bối cảnh mô hình) là một tiêu chuẩn mở cho phép trợ lý AI gọi các công cụ bên ngoài trong thời gian chạy. Cherry hoạt động như một máy chủ công cụ — trình soạn thảo AI của bạn gọi nó để tìm nạp các thông số kỹ thuật của Frutjam theo yêu cầu, thay vì đoán từ dữ liệu đào tạo.
Tại sao trợ lý AI ảo giác tên lớp CSS Tailwind?
Các mô hình AI được đào tạo dựa trên ảnh chụp nhanh trên web — chúng không biết tên lớp chính xác của thư viện thành phần cụ thể của bạn, đặc biệt đối với các thư viện mới hơn hoặc API Tailwind CSS v4. Không có bối cảnh trực tiếp, họ phát minh ra các lớp nghe có vẻ hợp lý nhưng không tồn tại. Cherry giải quyết vấn đề này bằng cách cung cấp cho AI của bạn các tài liệu thành phần Frutjam thực, cập nhật tại thời điểm nó cần chúng, loại bỏ hoàn toàn ảo giác.
Cherry hỗ trợ những biên tập viên nào?
Bất kỳ trình soạn thảo nào có hỗ trợ MCP: Claude Code, Cursor, VS Code, Windsurf, Zed, Cline và bất kỳ trình soạn thảo nào khác triển khai tiêu chuẩn MCP.
Sự khác biệt giữa miễn phí và Pro/Team là gì?
Miễn phí cung cấp cho bạn các yêu cầu hàng ngày có giới hạn cũng như quyền truy cập vào các tài liệu thành phần và các khối miễn phí. Pro và Team mở khóa các yêu cầu không giới hạn, khối cao cấp, mẫu và tất cả các lệnh gạch chéo AI.
Làm cách nào để nhận được mã cấp phép của tôi?
Mã cấp phép của bạn sẽ được gửi qua email ngay sau khi đăng ký. Bạn cũng có thể quản lý đăng ký và chỗ ngồi của mình từ trang tổng quan tài khoản của mình.
Tôi có thể sử dụng Cherry ngoại tuyến không?
Cherry xác thực giấy phép của bạn trực tuyến trong lần sử dụng đầu tiên, sau đó lưu nó vào bộ nhớ đệm cục bộ trong 7 ngày. Sau đó nó xác nhận lại. Một kết nối internet ngắn là tất cả những gì bạn cần.
Tôi có thể hủy bất cứ lúc nào không?
Đúng. Hủy bỏ bất cứ lúc nào. Quyền truy cập của bạn tiếp tục cho đến khi kết thúc thời hạn thanh toán.
Sẵn sàng để xây dựng nhanh hơn?
Giúp AI của bạn hoạt động với mã Frutjam chính xác ngay từ lời nhắc đầu tiên.