Toolverse
All skills
Frontend

core-components

by davila7

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

Installation

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

Installation

Quick info

Author
davila7
Category
Frontend
GitHub repo

About this skill

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

How to use

  1. Zainstaluj skill core-components w swoim projekcie Claude lub agenta, wskazując repozytorium davila7/claude-code-templates.

  2. Zamiast hard-codować wartości (np. padding={16} czy color="#333333"), zawsze sięgaj po tokeny z biblioteki – dla odstępów używaj $1, $2, $3, $4, $6, $8, dla kolorów $textPrimary, $backgroundSecondary, $statusError.

  3. Przy budowaniu layoutu wybierz odpowiedni komponent: Box do podstawowych kontenerów, HStack do ułożenia elementów poziomo, VStack do pionowego.

  4. Przekaż tokeny jako props komponentu, na przykład zamiast .

  5. Dla typografii stosuj tokeny rozmiaru ($xs, $sm, $md, $lg, $xl, $2xl) i wagi czcionki ($semibold), aby utrzymać hierarchię tekstu zgodną z systemem designu.

  6. Sprawdzaj tabelę tokenów w dokumentacji skill'u, gdy dodajesz nowy element – dzięki temu unikniesz duplikowania wartości i ułatwisz przyszłe zmiany designu.

Related skills

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126

theme-factory

by anthropics

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend
40139

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116

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

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175