Toolverse
All skills

typescript-language-patterns

by HoangNguyen0403

Modern TypeScript standards for type safety, performance, and maintainability.

Installation

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

Installation

Quick info

Category
Frontend
Views
18

About this skill

Modern TypeScript standards for type safety, performance, and maintainability.

How to use

  1. Zainstaluj umiejętność w swoim projekcie agenta, wskazując ścieżkę do skill'u typescript-language-patterns.
  2. Wyzwalacz automatycznie aktywuje się przy pracy z plikami TypeScript (*.ts, *.tsx) lub tsconfig.json, lub gdy użyjesz słów kluczowych takich jak: type, interface, generic, enum, union, readonly, const.
  3. Zastosuj wytyczne dotyczące adnotacji typów — zawsze definiuj jawnie parametry i zwracane wartości, pozwól na wnioskowanie typów dla zmiennych lokalnych.
  4. Dla interfejsów i typów: używaj interface do definiowania API, type do unii i złożonych struktur; włącz strict mode w tsconfig i bezpieczeństwo null za pomocą ?. i ??.
  5. Unikaj anty-wzorców: nigdy nie używaj any (zamiast tego unknown), nie stosuj runtime enum (preferuj literal unions lub as const), nie wyłączaj lintów — napraw problemy prawidłowo.
  6. Wykorzystaj zaawansowane techniki takie jak mapped types, conditional types, type guards (typeof, instanceof), utility types (Partial, Pick, Omit) oraz immutability z readonly i const assertions (as const, satisfies).

Related skills

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151

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

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

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

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

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