Przestań zgadywać.
AI, która zna Frutjama.
Cherry to darmowy serwer MCP (Model Context Protocol), który dostarcza Twojemu asystentowi kodowania AI dokładne specyfikacje komponentów CSS Tailwind, motywy, dokumenty i bloki, których potrzebuje — na żądanie, bez halucynacji.
Bez Wiśni
- 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
Z Wiśnią
- 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
Co potrafi Wiśnia
Po prostu opisz, czego chcesz. Cherry zapewnia Twojej sztucznej inteligencji dokładną wiedzę potrzebną do prawidłowego jej zbudowania.
| Pytasz swoją sztuczną inteligencję... | Wiśnia sprawia, że tak się dzieje |
|---|---|
| "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 |
Wbudowane polecenia ukośnika AI
Cherry zawiera gotowe podpowiedzi dotyczące najczęstszych zadań Frutjam. Wpisz polecenie w edytorze AI, podaj swoje dane i uzyskaj dokładny kod Frutjam — nie ma potrzeby ręcznego monitowania.
/figma_to_frutjam
Figma → Frutjam
Wklej opis projektu Figma lub wyeksportowany plik JSON. Cherry konwertuje go na dokładny kod HTML Frutjam, który można kopiować i wklejać.
/image_to_frutjam
Zrzut ekranu → Frutjam
Opisz zrzut ekranu interfejsu użytkownika lub udostępnij adres URL obrazu. Cherry odtwarza to z najbliższymi komponentami Frutjama.
/tailwind_to_frutjam
Wiatr w plecy → Frutjam
Wklej surowy kod HTML Tailwind. Cherry zastępuje ręcznie wykonane narzędzia odpowiednimi klasami komponentów Frutjam.
/bootstrap_to_frutjam
Bootstrap → Frutjam
Wklej znaczniki Bootstrap. Cherry mapuje każdą klasę Bootstrap na jej odpowiednik Frutjam i generuje czysty kod HTML.
/generate_theme
Wygeneruj motyw
Opisz nastrój, markę lub paletę kolorów. Cherry generuje kompletny motyw Frutjam ze wszystkimi wymaganymi zmiennymi CSS.
＋
Więcej podpowiedzi dodanych przy każdej aktualizacji.
Wszystkie polecenia ukośnika są dostępne w Claude Code, Cursor, VS Code i dowolnym edytorze zgodnym z MCP.
Porównanie Cherry
Nie każdy kontekst AI jest taki sam.
| Cherry MCP | llms.txt | No context | |
|---|---|---|---|
| Dokładne nazwy klas | ✓ | Częściowy | ✗ |
| Na żądanie — tylko to, czego potrzebujesz | ✓ | ✗ zrzuca wszystko | ✗ |
| Token sprawny | ✓ | ✗ | ✓ |
| Zawsze aktualne | ✓ | ✓ | ✗ |
| Motywy i tokeny projektowe | ✓ | Częściowy | ✗ |
| Gotowe bloki stron | ✓ | ✗ | ✗ |
| Figma / obraz → kod | ✓ | ✗ | ✗ |
| Migracja frameworka | ✓ Wiatr tylny, Bootstrap | ✗ | ✗ |
| Dokładne nazwy klas Tailwind CSS v4 | ✓ | Częściowy | ✗ |
Konfiguracja w niecałą minutę
Aby rozpocząć, nie jest wymagane żadne konto. Bezpłatna warstwa działa od razu po wyjęciu z pudełka — po prostu dodaj Cherry do edytora i gotowe. Klucz licencyjny i adres e-mail są wymagane tylko w przypadku planów Pro i Team.
Claude Code
Poziom bezpłatny nie potrzeba konta
claude mcp add frutjam-cherry -- npx -y frutjam-cherry@latestProfesjonalista/zespół wymagana licencja
claude mcp add frutjam-cherry \
--env LICENSE=your-license-key \
--env EMAIL=your@email.com \
-- npx -y frutjam-cherry@latestCursor
Otwórz Ustawienia kursora → MCP i dodaj:
Poziom bezpłatny nie potrzeba konta
{
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}Profesjonalista/zespół wymagana licencja
{
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}VS Code
Naciśnij Ctrl+Shift+P → MCP: Otwórz konfigurację użytkownika, a następnie dodaj:
Poziom bezpłatny nie potrzeba konta
{
"servers": {
"frutjam-cherry": {
"type": "stdio",
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}
}Profesjonalista/zespół wymagana licencja
{
"servers": {
"frutjam-cherry": {
"type": "stdio",
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}
}Other editors
Poziom bezpłatny nie potrzeba konta
{
"mcpServers": {
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"]
}
}
}Profesjonalista/zespół wymagana licencja
{
"mcpServers": {
"frutjam-cherry": {
"command": "npx",
"args": ["-y", "frutjam-cherry@latest"],
"env": {
"LICENSE": "your-license-key",
"EMAIL": "your@email.com"
}
}
}
}Po konfiguracji — Twoje pierwsze 60 sekund
Trzy kroki, aby potwierdzić, że Cherry działa i rozpocząć budowę.
Sprawdź, czy działa
VS Code
Ctrl+Shift+U → wybierz MCP z listy rozwijanej Wyjście. Poszukaj frutjam-wiśni: Bieganie.
Cursor
Ustawienia → MCP. Serwer powinien pokazywać zielony status połączenia obok frutjam-cherry.
Claude Code
Uruchom listę claude mcp w terminalu. frutjam-cherry powinien pojawić się jako połączony.
Uruchom swój pierwszy test
Otwórz panel czatu AI i wpisz:
List all available Frutjam componentsJeśli Cherry jest aktywny, Twoja sztuczna inteligencja wywoła list_components i zwróci listę nazw komponentów. To wszystko – to działa.
Rozpocznij budowanie — przykładowe podpowiedzi
| Powiedz to swojej sztucznej inteligencji | Co robi Wiśnia |
|---|---|
| "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 |
Nie musisz wspominać o Cherry — po prostu opisz, czego chcesz. Twoja sztuczna inteligencja automatycznie wywołuje odpowiednie narzędzie.
Wiśnia jest zawarta w wersji Pro i Team
Dostępny poziom bezpłatny — ograniczona liczba żądań dziennie, konto nie jest potrzebne.
Uaktualnij do wersji Pro lub Team, aby uzyskać nieograniczoną liczbę żądań i dostęp do bloków premium i poleceń ukośnikowych AI.
Często zadawane pytania
Co to jest serwer MCP?
MCP (Model Context Protocol) to otwarty standard, który umożliwia asystentom AI wywoływanie narzędzi zewnętrznych w czasie wykonywania. Cherry działa jak serwer narzędzi — Twój edytor AI wywołuje go, aby pobrać specyfikacje Frutjama na żądanie, zamiast zgadywać na podstawie danych treningowych.
Dlaczego asystenci AI mają halucynacje nazw klas CSS Tailwind?
Modele AI są szkolone na migawce Internetu — nie znają dokładnych nazw klas konkretnej biblioteki komponentów, szczególnie w przypadku nowszych bibliotek lub interfejsów API Tailwind CSS v4. Bez kontekstu na żywo wymyślają wiarygodnie brzmiące, ale nieistniejące klasy. Cherry rozwiązuje ten problem, dostarczając Twojej sztucznej inteligencji prawdziwą, aktualną dokumentację komponentów Frutjam wtedy, gdy jej potrzebuje, całkowicie eliminując halucynacje.
Których redaktorów obsługuje Cherry?
Dowolny edytor obsługujący MCP: Claude Code, Cursor, VS Code, Windsurf, Zed, Cline i każdy inny edytor implementujący standard MCP.
Jaka jest różnica między darmowym a Pro/Team?
Wersja bezpłatna zapewnia ograniczoną liczbę żądań dziennie oraz dostęp do dokumentów komponentów i bezpłatnych bloków. Pro i Team odblokowują nieograniczoną liczbę żądań, bloki premium, szablony i wszystkie polecenia ukośnika AI.
Jak otrzymam klucz licencyjny?
Twój klucz licencyjny zostanie wysłany e-mailem natychmiast po dokonaniu subskrypcji. Możesz także zarządzać swoją subskrypcją i stanowiskami z panelu konta.
Czy mogę używać Cherry w trybie offline?
Cherry sprawdza Twoją licencję online przy pierwszym użyciu, a następnie przechowuje ją lokalnie w pamięci podręcznej przez 7 dni. Następnie następuje ponowna weryfikacja. Wystarczy krótkie łącze internetowe.
Czy mogę anulować w dowolnym momencie?
Tak. Anuluj w dowolnym momencie. Twój dostęp trwa do końca okresu rozliczeniowego.
Chcesz szybciej budować?
Spraw, aby Twoja sztuczna inteligencja działała z dokładnym kodem Frutjam od pierwszego monitu.