TypeScript

Skills related to TypeScript typing, tooling, and development workflows.

160 Skills
A
e2e-testing

von affaan-m

Die e2e-testing-Skill ist ein auf Playwright fokussierter Leitfaden für stabile End-to-End-Testautomatisierung – mit Mustern für Dateiorganisation, den Einsatz des Page Object Model, Konfiguration, CI-Bereitschaft, Artefakt-Debugging und den Umgang mit flaky Tests.

Test Automation
Favoriten 1GitHub 156.1k
A
repo-scan

von affaan-m

repo-scan ist ein stackübergreifender Source-Audit-Skill, der Dateien klassifiziert, eingebettete Drittanbieter-Bibliotheken erkennt und dabei hilft zu beurteilen, was Kernbestand, Duplikat oder Ballast ist. Er ist nützlich für repo-scan für Code Review, Legacy-Migrationen und Refactoring-Planung. Siehe im Skill die Hinweise zu repo-scan-Installation und repo-scan-Nutzung.

Code Review
Favoriten 0GitHub 156.2k
A
plankton-code-quality

von affaan-m

plankton-code-quality ist ein Code-Quality-System zur Laufzeit für Claude Code. Es formatiert, lintet und kann nach jeder Dateibearbeitung Claude-gestützte Korrekturen anstoßen, sodass Probleme schon während des Editierens auffallen und nicht erst nach dem Commit oder in CI. Ideal für den plankton-code-quality Skill sowie für Guide- und Code-Editing-Workflows.

Code Editing
Favoriten 0GitHub 156.2k
A
nuxt4-patterns

von affaan-m

nuxt4-patterns ist ein Nuxt-4-Skill für Hydration-Sicherheit, Route Rules, Lazy Loading und SSR-sicheres Data Fetching. Verwende den nuxt4-patterns Skill, um bessere Frontend-Entscheidungen zu treffen, Mismatches zu reduzieren und für jede Seite oder Komponente das passende Pattern anzuwenden.

Frontend Development
Favoriten 0GitHub 156.2k
A
nodejs-keccak256

von affaan-m

Die nodejs-keccak256-Skill hilft dir, einen häufigen Ethereum-Fehler in JavaScript und TypeScript zu vermeiden: in Node versehentlich sha3-256 zu verwenden, obwohl Keccak-256 benötigt wird. Sie ist nützlich für Backend-Entwicklung, Selector, Event Topics, Signaturen, Storage Slots und die Ableitung von Adressen und bietet praxisnahe Hinweise zur Verwendung von nodejs-keccak256.

Backend Development
Favoriten 0GitHub 156.2k
A
nextjs-turbopack

von affaan-m

Das nextjs-turbopack Skill hilft dir, Turbopack in Next.js 16+ für schnellere lokale Entwicklung, HMR und Entscheidungen rund um den Bundler einzusetzen. Nutze es als praxisnahen nextjs-turbopack Leitfaden für Installation, Nutzung und die Frage, wann du in Frontend-Development-Workflows wieder zu webpack wechseln solltest.

Frontend Development
Favoriten 0GitHub 156.2k
A
nestjs-patterns

von affaan-m

nestjs-patterns ist ein praxisorientierter NestJS-Architektur-Skill zum Aufbau modularer, produktionsreifer TypeScript-Backends. Er führt durch Modulstruktur, die Abgrenzung von Controllern und Services, DTO-Validierung, Guards, Interceptors, Konfiguration, Tests und die richtige Art, Code für wartbare Backend-Entwicklung zu organisieren.

Backend Development
Favoriten 0GitHub 156.2k
A
mcp-server-patterns

von affaan-m

mcp-server-patterns ist ein praxisnaher Leitfaden für die MCP-Server-Entwicklung mit dem Node/TypeScript-SDK. Er zeigt, wann Tools, Resources, Prompts, Zod-Validierung sowie stdio oder Streamable HTTP sinnvoll sind, und enthält aktuelle API-Hinweise für eine sicherere Implementierung und Fehlersuche.

MCP Server Development
Favoriten 0GitHub 156.2k
A
frontend-patterns

von affaan-m

frontend-patterns ist eine praxisnahe Skill für die Frontend-Entwicklung mit React und Next.js und hilft dir dabei, wartbare Muster für Komponenten, State, Formulare, Routing, Barrierefreiheit und Performance auszuwählen. Nutze den frontend-patterns-Leitfaden, wenn du klare Umsetzungsanleitungen und eine fundierte Musterwahl brauchst – nicht nur allgemeine Best Practices.

Frontend Development
Favoriten 0GitHub 156.1k
A
evm-token-decimals

von affaan-m

evm-token-decimals hilft, stille Fehler durch abweichende Dezimalstellen über EVM-Chains hinweg zu vermeiden. Nutze es für die Laufzeit-Abfrage von Dezimalstellen, chainbewusstes Caching, Präzisionsdrift bei Bridged Tokens sowie für sichere Normalisierung in Backend-Entwicklung, Bots, Dashboards und DeFi-Tools.

Backend Development
Favoriten 0GitHub 156.1k
A
coding-standards

von affaan-m

Der coding-standards Skill bietet eine solide Basis für Benennung, Lesbarkeit, Immutabilität, Konsistenz und Code-Reviews über Projekte hinweg, bevor framework-spezifische Regeln angewendet werden.

Code Review
Favoriten 0GitHub 156.1k
A
claude-api

von affaan-m

claude-api hilft bei Anthropic-Claude-API-Mustern für Python und TypeScript – inklusive Installation, Messages, Streaming, Tool-Use, Vision, Batches, Prompt Caching, Modellauswahl und Claude Agent SDK-Workflows.

API Development
Favoriten 0GitHub 156.1k
A
bun-runtime

von affaan-m

Die bun-runtime-Skill hilft dir bei der Entscheidung, ob Bun für neue JavaScript- oder TypeScript-Projekte, die Migration von Node, Skripte, Tests und Vercel-Setups die richtige Wahl ist. Sie behandelt die Nutzung von bun-runtime, Installationshinweise, die Abwägung Bun vs Node sowie praktische Workflows für Frontend- und Full-Stack-Entwicklung.

Frontend Development
Favoriten 0GitHub 156.1k
A
agentic-engineering

von affaan-m

Lernen Sie die agentic-engineering Skill für eval-first Ausführung, Aufgabenzerlegung, Model-Routing und sicherere Workflow-Automation mit Regression-Checks.

Workflow Automation
Favoriten 0GitHub 156k
A
mcp-builder

von anthropics

mcp-builder ist ein praxisnaher Leitfaden zum Planen, Entwickeln und Bewerten von MCP-Servern für externe APIs und Dienste. Er unterstützt Entwickler bei Tool-Umfang, Benennung, Transport, Python- oder Node-Implementierungsmustern und Evaluierungs-Workflows, damit Agents den Server zuverlässig nutzen können.

MCP Server Development
Favoriten 0GitHub 105k
A
claude-api

von anthropics

claude-api ist ein praxisnahes Skill für Installation und Nutzung der Claude API und der Anthropic SDKs. Es hilft Entwicklern, den passenden SDK- oder HTTP-Weg zu wählen, sprachspezifische Doku zu finden und Streaming, Tool Use, Dateien, Batches und Fehlerbehandlung sicher umzusetzen.

API Development
Favoriten 0GitHub 105k
S
fullstack-developer

von Shubhamsaboo

Die fullstack-developer Skill ist ein wiederverwendbares Prompt-Paket für moderne JavaScript- und TypeScript-Web-App-Arbeit rund um React, Next.js, Node.js, APIs, Datenbanken, Auth und Deployment. Sie eignet sich besonders für Planung und Umsetzung über mehrere Schichten hinweg und setzt auf eine einzelne `SKILL.md`, die Umfang und Workflow definiert, statt Scripts oder Vorlagen mitzuliefern.

Full-Stack Development
Favoriten 0GitHub 104.2k
G
browse

von garrytan

browse ist ein schnelles Headless-Browser-Skill für QA, Dogfooding und Browser-Automation. Verwenden Sie es, um Seiten zu öffnen, mit Elementen zu interagieren, Zustände zu prüfen, Vorher-Nachher-Vergleiche durchzuführen, Screenshots zu erstellen und responsive Layouts, Formulare, Uploads, Dialoge sowie Elementzustände zu überprüfen. Installieren Sie browse, wenn Sie Browser-Belege statt eines allgemeinen Prompts benötigen.

Browser Automation
Favoriten 0GitHub 91.8k
C
mcp-builder

von ComposioHQ

mcp-builder ist ein Guide-Skill für Entwurf, Implementierung und Bewertung von MCP-Servern mit Python FastMCP oder Node/TypeScript. Er bündelt Best Practices für agentenfreundliche Tools, Schemas, Pagination, Fehler, Sicherheit und Evaluation.

MCP Server Development
Favoriten 0GitHub 67.5k
C
artifacts-builder

von ComposioHQ

artifacts-builder hilft dabei, komplexe Claude HTML artifacts als Projekte mit React 18, TypeScript, Vite, Tailwind CSS und shadcn/ui zu erstellen und anschließend in eine einzelne bundle.html zu bündeln. Am besten geeignet für Frontend Development artifacts mit State, wiederverwendbaren Komponenten und ausgereiften App-Flows.

Frontend Development
Favoriten 0GitHub 67.4k
M
tdd

von mattpocock

tdd ist eine Skill für Test-Driven Development zum Entwickeln von Features, Beheben von Bugs und Schreiben belastbarer Tests mit dem Red-Green-Refactor-Zyklus. Der Fokus liegt auf verhaltensbasierten Tests über öffentliche Schnittstellen, Mocking nur an den Grenzen und praxisnahen Hinweisen zu Testautomatisierung, Refactoring und Interface-Design.

Test Automation
Favoriten 1GitHub 66k
M
setup-pre-commit

von mattpocock

setup-pre-commit hilft dir, Husky Pre-Commit-Hooks mit lint-staged, Prettier und optionalen Typecheck-/Test-Läufen einzurichten. Nutze diesen setup-pre-commit-Guide, wenn dein Repo einen schnellen, wiederholbaren Pre-Commit-Schutz braucht und du die bestehende Konfiguration bewahren, aber die passenden Skripte für den aktuellen Paketmanager ergänzen willst.

CI Troubleshooting
Favoriten 0GitHub 66k
M
migrate-to-shoehorn

von mattpocock

migrate-to-shoehorn hilft dir dabei, `as`-Typecasts in TypeScript-Tests durch @total-typescript/shoehorn zu ersetzen, um sicherere partielle Test-Fixtures zu nutzen. Verwende diese migrate-to-shoehorn-Skill, wenn du Cast-lastige Testdaten bereinigen, dem migrate-to-shoehorn-Guide folgen oder migrate-to-shoehorn für Testautomatisierung standardisieren möchtest.

Test Automation
Favoriten 0GitHub 66k
M
prototype

von mattpocock

Das prototype-Skill hilft dir dabei, Wegwerfcode zu bauen, der eine konkrete Frage beantwortet, bevor du dich auf eine echte Implementierung festlegst. Nutze es, um Logik, Zustandsübergänge, Datenstruktur oder die UI-Richtung mit einem lauffähigen Prototypen zu testen, der den Konventionen des Host-Repos entspricht. Ideal ist es, wenn du einen schnellen Prototypen-Guide brauchst, nicht eine fertige Funktion.

Prototypes
Favoriten 0GitHub 66k