Toolverse
All skills

css-module-generator

by jeremylongshore

Generate css module generator operations. Auto-activating skill for Frontend Development.\nTriggers on: css module generator, css module generator\nPart of the Frontend Development skill category. Use when working with css module generator functionality. Trigger with phrases

Installation

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

Installation

Quick info

Category
Frontend

About this skill

Generate css module generator operations. Auto-activating skill for Frontend Development.\nTriggers on: css module generator, css module generator\nPart of the Frontend Development skill category. Use when working with css module generator functionality. Trigger with phrases like \

How to use

  1. Upewnij się, że masz skonfigurowane środowisko frontend development z dostępem do narzędzi Read, Write, Edit i Bash. Umiejętność wymaga podstawowej wiedzy o koncepcjach tworzenia stron internetowych.

  2. Wyzwól umiejętność, wspominając w swoim zapytaniu frazy takie jak "css module generator", "css generator" lub "css". Claude automatycznie rozpozna kontekst i aktywuje tę umiejętność.

  3. Opisz swoje potrzeby związane z modułami CSS — na przykład "Pomóż mi z css module generator" lub "Potrzebuję wygenerować moduł CSS dla komponentu React". Umiejętność dostarczy wskazówki krok po kroku.

  4. Claude wygeneruje produkcyjnie gotowy kod i konfiguracje CSS, zgodnie z najlepszymi praktykami branżowymi. Wynik będzie walidowany pod kątem wspólnych standardów.

  5. Przejrzyj wygenerowaną konfigurację i kod. Jeśli napotkasz błąd konfiguracji, sprawdź dokumentację wymaganych parametrów. W przypadku problemów z dostępem do narzędzi, zweryfikuj swoje uprawnienia i zainstalowane zależności.

  6. Zastosuj wygenerowany kod w swoim projekcie. Umiejętność wspiera nowoczesne wzorce webowe, w tym optymalizację wydajności i dostępność, więc wynik powinien być gotowy do użycia w produkcji.

Related skills

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

mermaid-gen

by vladm3105

Generate syntactically correct Mermaid diagrams for technical documentation

Frontend
23124

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

web-research

by langchain-ai

Use this skill for requests related to web research; it provides a structured approach to conducting comprehensive web research

Frontend
18114

landing-page-guide-v2

by bear2u

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements

Frontend
3486