O que typescript-react-patterns faz?
Provide structured patterns for AI agents to write production-grade TypeScript, React, and Next.js code.
Fornece padrões estruturados para agentes de IA escreverem código TypeScript, React e Next.js de nível de produção.
Esta skill oferece um conjunto de padrões e boas práticas estruturadas para que agentes de IA possam gerar código TypeScript, React e Next.js com qualidade de produção. Ela é útil para desenvolvedores que utilizam assistentes de IA como Claude Code, Cursor ou Codex, garantindo que o código gerado siga convenções modernas, seja modular, escalável e fácil de manter. A skill abrange desde a organização de componentes e hooks até a configuração de roteamento e estado em aplicações Next.js, fornecendo diretrizes claras para evitar código frágil ou desorganizado. Ao integrar esses padrões, o agente de IA consegue produzir soluções mais robustas e alinhadas com as expectativas de projetos reais, reduzindo retrabalho e melhorando a consistência do código.
npx skills add dabelmtz1323/typescript-react-patternsProvide structured patterns for AI agents to write production-grade TypeScript, React, and Next.js code.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.