Component Creation (Grade A)Bezpieczny, przetestowany zestaw umiejętności programistycznych dla Claude AI. Klasa A. Kroczkowy proces tworzenia dostępnych, przetestowanych komponentów UI. Użyj, gdy użytkownik prosi o stworzenie nowego komponentu UI.

— (0)

Zrecenzowane przez Daniel Nikulshyn·Zaktualizowano lipiec 2026

Przegląd

Component Creation (Grade A) to bezpieczny, przetestowany zestaw umiejętności programistycznych przeznaczony do użycia z Claude AI. Zapewnia kroczkowy proces tworzenia dostępnych i przetestowanych komponentów UI, specjalnie dostosowany do projektów w React (lub Vue z odpowiednimi modyfikacjami). Zestaw prowadzi programistów przez definiowanie nazw komponentów, tworzenie katalogów komponentów, konfigurowanie interfejsów props, implementację komponentów z funkcjami dostępności, dodawanie stylów, pisanie testów oraz eksportowanie komponentów. Zestaw jest przeznaczony dla programistów zajmujących się tworzeniem komponentów UI, zapewniając, że komponenty są dostępne, solidnie przetestowane i zgodne z najlepszymi praktykami.

Kluczowe funkcje

Kroczkowy proces tworzenia komponentów
Obsługa funkcji dostępności
Integracja z frameworkami testowymi
Wskazówki dotyczące stylizacji
Eksportowanie komponentów i interfejsów props

Cennik

Model: Free
Kategoria: Umiejętności
Ocena: Brak recenzji

Zastosowania

Tworzenie nowego komponentu UI

Użyj tego zestawu, gdy tworzysz nowy komponent UI, aby zapewnić jego dostępność, przetestowanie i zgodność z najlepszymi praktykami.

Rozwój spójnego systemu projektowego

Zestaw ten pomaga utrzymać spójność komponentów UI w projekcie, oferując standardowy proces tworzenia.

Plusy i minusy

Plusy

Zapewnia dostępne komponenty UI
Zapewnia uporządkowany proces tworzenia komponentów
Wspiera testowanie i weryfikację komponentów
Promuje najlepsze praktyki w zakresie stylizacji i dostępności

Minusy

Ograniczone do React lub Vue z odpowiednimi modyfikacjami
Wymaga istniejącej konfiguracji projektu z frameworkiem testowym i podejściem do stylizacji
Może nie pokrywać wszystkich przypadków brzegowych ani indywidualnych wymagań

Recenzje

Zaloguj się, aby zostawić recenzję.

Brak recenzji. Bądź pierwszy!

Pytania i odpowiedzi

What are the key features of the tool?

The tool's key features include a step-by-step workflow, support for accessibility features, integration with testing frameworks, guidance on styling approaches, and exporting components and props interfaces.

Asked by George Papadakis · Jul 12, 2026

What are the limitations of the tool?

The tool is limited to React or Vue with adjustments and requires an existing project setup with a testing framework and styling approach.

Asked by Zelda Brandt · Jun 20, 2026

What is the tool's workflow?

The tool provides a step-by-step workflow for creating accessible, tested UI components, including defining component names, creating directories, setting up props interfaces, implementing components, adding styling, writing tests, and exporting components.

Asked by Ola Eriksen · May 24, 2026

What framework does the tool support?

The tool supports React (or Vue with adjustments) projects.

Asked by Faisal Rahman · May 14, 2026

Zadaj pytanie

Alternatywy dla Umiejętności

Manage Headers (Grade A)

Umiejętności

Rozwijająca umiejętność bezpieczeństwa do Claude AI. Ocena A. Badanie i konfiguracja nagłówków bezpieczeństwa wysyłanych przez witrynę Power Pages do przeglądarek — polityka bezpieczeństwa treści, ochrona przed frame i clickjackingiem

— (0)

Free

Using Git Worktrees (Grade A)

Umiejętności

Skill 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.

— (0)

Free

Ga4 Bigquery Schema (Grade A)

Umiejętności

Sprawdzone 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

— (0)

Free

Meta Capi (Grade A)

Umiejętności

Przetestowana 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

— (0)

Free

Callees (Grade A)

Umiejętności

Bezpieczna, przetestowana umiejętność programistyczna dla Claude AI. Klasa A. Lista funkcji/metod wywoływanych (bezpośredni wykres wywołań)

— (0)

Free

Test Module Name (Grade A)

Umiejętności

Składnik data-ai przetestowany pod kątem bezpieczeństwa dla Claude AI. Klasa A.

— (0)

Free

Board Of Directors (Grade A)

Umiejętności

Skutecznie 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.

— (0)

Free

Advpl Mvc Avancado (Grade A)

Umiejętności

Umieję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)

— (0)

Free