Zatrzymaj halucynacje AI.
Twój edytor AI zna CSS Tailwind.
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.
Dlaczego asystenci AI źle interpretują CSS Tailwind — i jak Cherry to naprawia
Bez Wiśni
- AI ma halucynacje nazw klas, które nie istnieją w Frutjam
- Kopiujesz i wklejasz dokumenty do każdego monitu, marnując tokeny
- Plik llms.txt zrzuca wszystko – sztuczna inteligencja jest przytłoczona
- Wygenerowano przerwy w interfejsie użytkownika, ponieważ sztuczna inteligencja korzystała z przestarzałych interfejsów API komponentów
Z Wiśnią
- Sztuczna inteligencja pobiera dokładną specyfikację dla każdego potrzebnego komponentu
- Właściwy kontekst we właściwym czasie — bez marnotrawienia symboli
- Always in sync with the latest Frutjam version
- Dane wyjściowe są dokładne, semantyczne i gotowe do produkcji
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 |
|---|---|
| „Dodaj sekcję z cenami do tej strony” | Pobiera kod HTML prawdziwego bloku cenowego i upuszcza go |
| „Jakie warianty odznak ma Frutjam?” | Wyciąga pełną specyfikację odznaki — klasy, rozmiary, stany, przykłady |
| „Zastosuj motyw jagodowy do tego układu” | Ładuje dokładnie te żetony projektu dla tego motywu |
| „Przekonwertuj ten pasek nawigacyjny Bootstrap na Frutjam” | Migruje znaczniki, aby poprawić klasy Frutjam |
| „Zamień ten projekt Figmy w Frutjam HTML” | Odczytuje link Figma i odtwarza go za pomocą komponentów Frutjam |
| „Przeprowadź migrację tej zwykłej karty Tailwind do Frutjam” | Zastępuje narzędzia Tailwind odpowiednimi klasami komponentów Frutjam |
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-cherry: Running.
Cursor
Ustawienia → MCP. Serwer powinien pokazywać zielony status połączenia obok frutjam-cherry.
Claude Code
Uruchom claude mcp list 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" | Wywołuje get_component i zwraca pełną specyfikację |
| "Build me a pricing card using Frutjam" | Wyszukuje komponent karty i zapisuje dokładny kod |
| "Show me the darkberry theme tokens" | Wywołuje get_theme i zwraca wszystkie zmienne CSS |
| "Get me the hero block" | Wywołuje get_block i zwraca kod HTML typu kopiuj-wklej |
| "How do I install Frutjam?" | Wywołuje get_docs i zwraca przewodnik instalacji |
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.