Toolverse
All skills

coding-standards

by affaan-m

适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。

Installation

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

Installation

Quick info

Author
affaan-m
Category
Frontend
Views
36

About this skill

适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。

How to use

  1. Zapoznaj się z czterema głównymi zasadami jakości kodu: priorytet czytelności (kod czyta się znacznie częściej niż pisze), zasada KISS (wybieraj najprostsze rozwiązanie, które działa), zasada DRY (nie powtarzaj kodu, wyodrębniaj logikę do funkcji) oraz YAGNI (nie buduj funkcjonalności, których jeszcze nie potrzebujesz).

  2. Zastosuj konwencje nazewnictwa dla zmiennych — używaj opisowych nazw zamiast skrótów (np. marketSearchQuery zamiast q, isUserAuthenticated zamiast flag). Dla funkcji stosuj wzorzec czasownik-rzeczownik (fetchMarketData, calculateSimilarity, isValidEmail).

  3. Implementuj niezmienność danych w swoim kodzie — zawsze używaj operatora spread do aktualizacji obiektów i tablic (const updatedUser = {...user, name: 'New Name'}) zamiast bezpośredniej mutacji (user.name = 'New Name').

  4. Wdrażaj kompleksową obsługę błędów w funkcjach asynchronicznych — używaj try-catch, sprawdzaj status odpowiedzi HTTP i rzucaj opisowe błędy zamiast ignorować wyjątki.

  5. Optymalizuj operacje asynchroniczne — gdy to możliwe, wykonuj wiele operacji równolegle za pomocą Promise.all zamiast czekać na każdą sekwencyjnie.

Related skills

mermaid-gen

by vladm3105

Generate syntactically correct Mermaid diagrams for technical documentation

Frontend
23124

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

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

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

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

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