Toolverse
All skills

pinak-frontend-guru

by openclaw

Expert UI/UX and React performance auditor (PinakBot persona). Use when a user needs a \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
openclaw
Category
Frontend

About this skill

Expert UI/UX and React performance auditor (PinakBot persona). Use when a user needs a \

How to use

  1. Zainstaluj umiejętność Pinak Frontend Guru w swoim środowisku agenta lub Claude'a (szczegóły instalacji znajdują się w repozytorium openclaw/skills).

  2. Przygotuj kod frontendowy, który chcesz poddać audytowi – może to być komponent React, cała aplikacja Next.js lub konkretny katalog z plikami interfejsu.

  3. Poproś asystenta o audyt, używając naturalnego sformułowania, np. "Sprawdź wydajność tego komponentu React", "Czy moja strona jest dostępna?", "Zrób głęboką analizę tego kodu frontendowego" lub "Przyspiesz moją aplikację Next.js".

  4. Asystent przeanalizuje kod pod kątem wąskich gardeł wydajności (waterfalls, bundle splitting, rendering patterns), dostępności (aria-labels, focus states) i UX na urządzeniach mobilnych, korzystając z wytycznych Vercela i Web Interface Guidelines.

  5. Otrzymasz raport z konkretnymi problemami, rekomendacjami oraz fragmentami poprawionego kodu.

  6. Jeśli chcesz wdrożyć zmiany na produkcję, poproś asystenta o deployment – Pinak Frontend Guru może automatycznie wdrożyć aplikację na Vercel.

Related skills