Frontend Design (Grade A)Umiejętność programistyczna z testami bezpieczeństwa dla Claude AI. Poziom A. Twórz interfejsy webowe o prawdziwej jakości designu, nie sztuczne AI‑owe tandety. Użyj do wszelkich prac frontendowych – stron docelowych, aplikacji webowych, pulpitów, paneli administracyjnych.
Przegląd
Kluczowe funkcje
- Wykrywanie kontekstu
- Planowanie projektu
- Weryfikacja wizualna
- Poszanowanie istniejących systemów projektowych
- Kierunkowe wytyczne dla typografii, kolorów i animacji
Cennik
- Model
- Free
- Kategoria
- Umiejętności
- Ocena
- Brak recenzji
Zastosowania
Tworzenie stron docelowych
Użyj Frontend Design do tworzenia wizualnie atrakcyjnych i przyjaznych dla użytkownika stron docelowych, które są zgodne z istniejącymi systemami projektowymi lub wytycznymi marki.
Projektowanie aplikacji webowych
Wykorzystaj Frontend Design do budowy intuicyjnych i estetycznie przyjemnych aplikacji webowych, które podążają za ustalonymi wzorcami projektowymi lub tworzą nowe.
Plusy i minusy
Plusy
- Respektuje istniejące systemy projektowe
- Pokrywa pełny cykl życia projektu
- Weryfikuje wyniki wizualnie
- Tworzy charakterystyczne, produkcyjne interfejsy
- Unika typowych, generowanych przez AI estetyk
Minusy
- Może wymagać wprowadzania danych przez użytkownika w niejasnych kontekstach
- Domyślnie stosuje istniejące wzorce lub instrukcje użytkownika
Wynik bitew
W 1 bitwie w Panteonie.
Last battle
Recenzje
Zaloguj się, aby zostawić recenzję.
Brak recenzji. Bądź pierwszy!
Pytania i odpowiedzi
How does the skill ensure the final UI meets quality standards?
After building the UI, Frontend Design captures screenshots and visually verifies them against the design plan before marking the task complete, guaranteeing that the output matches the intended composition, typography, color, motion, and copy.
Asked by George Papadakis · May 23, 2026
What types of frontend projects is this skill best suited for?
It handles both greenfield builds and modifications to existing apps, covering landing pages, web apps, dashboards, admin panels, and reusable components, delivering production‑grade interfaces that avoid generic AI aesthetics.
Asked by Petra Vogel · May 5, 2026
Can Frontend Design work with my existing design system like Material UI or Tailwind?
Yes. The skill first scans the codebase for design tokens, component libraries, and CSS frameworks, then defers to any detected system, preserving its patterns, colors, typography, and motion while still applying intentional design planning.
Asked by Qiu Yan · Apr 1, 2026
Zadaj pytanie
Alternatywy dla Umiejętności
Using Git Worktrees (Grade A)UmiejętnościSkill zabezpieczony pod kątem bezpieczeństwa dla Claude AI, klasy A. Użyj przy rozpoczynaniu pracy nad funkcją wymagającej izolacji od bieżącego środowiska lub przed realizacją planów wdrożeniowych – tworzy izolowane worktree Git.
Ga4 Bigquery Schema (Grade A)UmiejętnościSprawdzone pod kątem bezpieczeństwa narzędzie data‑ai dla Claude AI. Ocena A. Referencja schematu eksportu GA4 do BigQuery — pełna dokumentacja pól, struktury zagnieżdżone, wzorce zapytań oraz wskazówki dotyczące wydajności
Meta Capi (Grade A)UmiejętnościPrzetestowana pod względem bezpieczeństwa umiejętność data-ai dla Claude AI. Ocena A. Meta Conversions API (CAPI) Konfiguracja odnośnika — architektura, typy zdarzeń, mieszanie informacji o klientach, deduplikacja, przykłady wdrożenia, AEM
Callees (Grade A)UmiejętnościBezpieczna, przetestowana umiejętność programistyczna dla Claude AI. Klasa A. Lista funkcji/metod wywoływanych (bezpośredni wykres wywołań)
Test Module Name (Grade A)UmiejętnościSkładnik data-ai przetestowany pod kątem bezpieczeństwa dla Claude AI. Klasa A.
Board Of Directors (Grade A)UmiejętnościSkutecznie przetestowana umiejętność AI do danych dla Claude AI. Klasa A. Symuluje deliberację 5‑członkowej rady ekspertów przy kluczowych decyzjach. Używaj przy ocenie planów, wyborów architektonicznych, projektów funkcji lub innych decyzji.
Advpl Mvc Avancado (Grade A)UmiejętnościUmiejętność programowania przetestowana pod względem bezpieczeństwa dla Claude AI. Klasa A. MVC zaawansowany via PE (Punkty Wejścia) — dodawanie niestandardowych siatek w standardowych ekranach MVC (CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)
Umiejętność DevOps testowana pod kątem bezpieczeństwa dla Claude AI. Poziom A. **UMIEJĘTNOŚĆ PRZEPŁYWU PRACY** — Utrzymuje dokładność i aktualność dokumentacji repozytorium na stronie dokumentacji, w plikach agenta i w changelogu. KIEDY: "update docs"
Trending now
Biology AIAI w EdukacjiPrecyzyjna pomoc z zadaniami domowymi z pełnymi wyjaśnieniami
Reducto AIPlatformy Rozwoju Agentów InteligentnychAPI inteligencji dokumentowej, które analizuje, dzieli, wykonuje OCR i wyodrębnia strukturalne dane z złożonych PDF-ów, slajdów i arkuszy kalkulacyjnych.
Pixtral 12B 24.09Model Lekki Modyfikacji Maszyny WielorzędnegoOtwarte, multimodalne model 12B obsługujący przeplatanie obrazów i tekstu przy 128K oknie kontekstowym
AdCrierMarketing i ReklamaSponsorowane odpowiedzi, płatne za kliknięcie.