Toolverse
All skills
Frontend

code-standards

by redpanda-data

TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.

Installation

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

Installation

Quick info

Author
redpanda-data
Category
Frontend
Views
5
GitHub repo

About this skill

TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.

How to use

  1. Zainstaluj umiejętność w swoim projekcie, upewniając się, że masz dostęp do repozytorium redpanda-data/console i katalogu frontend/.claude/skills/code-standards.

  2. Uruchom diagnostykę swojej konfiguracji poleceniem bun x ultracite doctor, aby sprawdzić, czy Biome jest poprawnie skonfigurowany i gotów do pracy.

  3. Gdy napotkasz błędy lintingu, problemy z formatowaniem lub otrzymasz uwagi podczas code review, uruchom bun x ultracite fix — narzędzie automatycznie naprawi większość problemów zgodnie z ustalonymi standardami.

  4. Jeśli chcesz tylko sprawdzić, jakie problemy istnieją bez automatycznej naprawy, użyj bun x ultracite check do przeskanowania kodu.

  5. Zwróć uwagę na reguły specyficzne dla Twojego projektu: komponenty pisz jako funkcyjne (patrz react-functional-only.md), async code obsługuj przez async/await (async-await-promises.md), unikaj starych bibliotek (no-legacy.md). Biome automatycznie egzekwuje brak jawnych typów any i wymaga top-level regex.

  6. Pamiętaj, że console.log, console.debug i console.info są zabronione w kodzie produkcyjnym — używaj tylko console.error i console.warn dla rzeczywistych błędów, a debug logging owijaj w warunek if (IsDev).

Related skills

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

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

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

game-development

by davila7

Game development orchestrator. Routes to platform-specific skills based on project needs.

Frontend
36112

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend
2676