Toolverse
All skills
Frontend

frontend-developer

by sickn33

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.

Installation

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

Installation

Quick info

Author
sickn33
Category
Frontend
Views
63
GitHub repo

About this skill

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.

How to use

  1. Zdefiniuj wymagania dla komponentu lub strony — określ urządzenia docelowe, cele wydajności i funkcjonalność, którą chcesz zaimplementować.
  2. Wybierz strukturę komponentu i podejście do zarządzania stanem — zdecyduj, czy użyjesz React Hooks, Server Components, czy wzorce Next.js App Router.
  3. Zaimplementuj interfejs z uwzględnieniem dostępności i responsywności — napisz komponenty z semantycznym HTML, obsługą różnych rozmiarów ekranu i wskaźnikami ARIA.
  4. Zoptymalizuj wydajność za pomocą narzędzi React DevTools — profiluj komponenty, używaj React.memo, useMemo i useCallback gdzie to konieczne.
  5. Waliduj UX poprzez audyty dostępności i testy wydajności — sprawdź, czy komponenty działają płynnie na różnych urządzeniach i spełniają standardy WCAG.

Related skills

angular

by sickn33

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns. Use PROACTIVELY for Angular development, component architecture, state management, performance optimization, and migration to modern

Frontend
2656

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167

brainstorming

by obra

Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes

Frontend
49170

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135