Toolverse
All skills
Frontend

frontend-style-guide

by lightdash

Apply the Lightdash frontend style guide when working on React components, migrating Mantine v6 to v8, or styling frontend code. Use when editing TSX files, fixing styling issues, or when user mentions Mantine, styling, or CSS modules.

Installation

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

Installation

Quick info

Author
lightdash
Category
Frontend
Views
3
GitHub repo

About this skill

Apply the Lightdash frontend style guide when working on React components, migrating Mantine v6 to v8, or styling frontend code. Use when editing TSX files, fixing styling issues, or when user mentions Mantine, styling, or CSS modules.

How to use

  1. Zainstaluj skill w swoim środowisku Claude'a, wskazując repozytorium Lightdash i ścieżkę .claude/skills/frontend-style-guide. 2. Otwórz plik komponentu React (TSX) w pakiecie frontend, który chcesz edytować lub zaktualizować. 3. Poproś Claude'a o pomoc w stylizacji komponentu, naprawieniu błędów CSS lub migracji kodu z Mantine 6 na Mantine 8 — skill automatycznie się aktywuje. 4. Skill będzie sprawdzać, czy używasz @mantine-8/core, czy nie masz prop sx lub style, i czy stosujesz wartości z tematu zamiast liczb. 5. Jeśli potrzebujesz więcej niż 3 inline-style props, skill zasugeruje przejście na CSS modules z zmiennymi tematu (np. --mantine-color-${color}-filled). 6. Przejrzyj sugestie Claude'a zgodnie z checklist'ą komponentu i zatwierdź zmiany w swoim edytorze.

Related skills

better-icons

by better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search u003cqueryu003e` to find icons, `better-icons get u003cidu003e` to get SVG. Also available as MCP server for AI agents.

Frontend
2037

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

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

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173

svg-precision

by dkyazzentwatwa

Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.

Frontend
233466