Biblioteca de Skills
Livros convertidos em skills pelo book-to-skill, prontos pra consulta.
Catalog of the Aceternity UI (ui.aceternity.com) component library — a copy-paste animated component library for React/Next.js built with Tailwind CSS and Motion, installable via the shadcn CLI. Use when picking an animated hero/background/card/text effect for a marketing page, looking up a component's install slug, or deciding whether Aceternity UI or shadcn/ui fits a given piece of UI.
Knowledge base from the Base UI (base-ui.com, @base-ui/react) documentation — unstyled, accessible React component library from the creators of Radix, Material UI, and Floating UI. Use when building with Base UI directly, looking up a component's anatomy/props/data-attributes, choosing between similar components (Dialog vs AlertDialog vs Drawer, Autocomplete vs Combobox vs Select), or implementing composition/styling/animation patterns like the render prop, data-state styling, or collision-aware positioning. Also relevant when working in shadcn/ui, since shadcn/ui is now built on Base UI.
Knowledge base from the GSAP (GreenSock Animation Platform) documentation — core API (gsap.to/from/timeline), Tween/Timeline instance methods, utility methods, easing, and every official plugin (ScrollTrigger, Draggable, Flip, SplitText, MotionPathPlugin, Observer, ScrollSmoother, Inertia, MorphSVG, DrawSVG, and more). Use when building JS/CSS animations with GSAP, choosing between plugins for an effect, looking up a method/property signature, or debugging timeline sequencing, scroll-linked, or drag interactions.
Knowledge base from the Lucide (lucide-react, lucide-vue-next, lucide-svelte, and other framework packages) icon library documentation. Use when adding icons to a project, choosing between the vanilla JS, static, or a framework-specific package, customizing icon color/size/stroke-width, or migrating from Feather Icons or an older Lucide version.
Knowledge base from the Motion (formerly Framer Motion) animation library documentation for React, Vue, and vanilla JavaScript. Use when building declarative or imperative animations, gestures (drag/hover/tap), layout animations, scroll-linked effects, or SVG/path animations, choosing between spring and tween transitions, or debugging a Motion error message.
Full reference documentation for Next.js 16 (App Router). Use when building with Next.js — routing, data fetching, caching (use cache/fetch/revalidate), Server/Client Components, Server Actions, rendering strategies, deployment/self-hosting, config options, or migrating from Pages Router. Covers App Router primarily, with Pages Router legacy reference.
Knowledge base from the Radix Primitives (radix-ui.com/primitives) documentation — unstyled, accessible React component primitives. Use when building with Radix Primitives directly (not shadcn/ui), looking up a primitive's anatomy/props/data-attributes, choosing between similar primitives (Dialog vs AlertDialog vs Popover, DropdownMenu vs ContextMenu), or implementing composition/styling/animation patterns like asChild, data-state styling, or collision-aware positioning.
Knowledge base from the official React 19 documentation (react.dev) — Learn guides, API reference (Hooks/Components/APIs), React DOM, React Compiler, React Server Components directives, and the Rules of React. Use when building or debugging React components, choosing between similar Hooks (useEffect vs useLayoutEffect, useMemo vs useCallback, useTransition vs useDeferredValue), looking up a Hook/API signature, deciding server vs. client component boundaries, or diagnosing a Rules-of-Hooks/purity violation.
Knowledge base from the React Hook Form documentation — core useForm API, register, Controller/useController, useFieldArray, useWatch/useFormState, TypeScript types, and the @hookform/lenses and @hookform/error-message companion packages. Use when building or debugging a React form, choosing between register and Controller, wiring up schema validation (Zod/Yup/Joi), managing dynamic field arrays, or optimizing re-renders in a large form.
Knowledge base from the Remotion (programmatic video creation with React/TypeScript) documentation — core API (Composition, Sequence, hooks), rendering pipeline (local, Lambda, Cloud Run), Studio/Player, and every official package (transitions, captions, media-parser, webcodecs, shapes, recorder, sfx, and more). Use when building or rendering a Remotion video, choosing a rendering backend, looking up a component/hook/API signature, or picking the right package for an effect or integration.
Full reference documentation for shadcn/ui (components, installation, theming, registry, forms integration). Use when building UI with shadcn/ui components, choosing between similar components, integrating forms (React Hook Form / TanStack Form / Formisch), building or consuming a component registry, or looking up exact props/APIs/schemas.
Knowledge base from the official Tailwind CSS v4 (tailwindcss.com) documentation — utility-first CSS framework. Use when writing or debugging Tailwind classes, customizing the theme (@theme, colors, spacing, breakpoints), choosing a variant (hover/focus/dark/container-query/has-*/group-*/peer-*), building responsive or state-driven UI, or migrating a project from Tailwind v3 to v4.
Knowledge base from the official TanStack Form documentation — a headless, type-safe form state management library for React, Vue, Angular, Solid, Lit, and Svelte. Use when building or debugging forms with useForm/Field, wiring validation (sync/async/schema-based), managing array fields, composing reusable form components, integrating with a UI library, handling SSR form actions (TanStack Start/Next.js/Remix), or comparing against React Hook Form.
Knowledge base from the official TanStack Query (React Query) v5 documentation — server-state fetching, caching, and mutation library for React. Use when building or debugging data fetching with useQuery/useMutation/useInfiniteQuery, caching/invalidation strategy, optimistic updates, SSR/hydration with Next.js or Remix, Suspense integration, or migrating from React Query v3/v4.
Knowledge base from the official TanStack Router documentation (tanstack.com/router) — a fully type-safe router for React and Solid with first-class search-param state management, file-based and code-based routing, and built-in data loading. Use when building or debugging routing with createFileRoute/createRootRoute, wiring loaders/search-param validation, choosing file-based vs code-based routing, handling SSR/streaming, setting up route masking or navigation blocking, or integrating with TanStack Query.
Curated walkthrough of the official TanStack Router example projects (github.com/TanStack/router/tree/main/examples/react): real routing patterns with working code, not prose docs. Use when you want a concrete starting point for file-based vs code-based routing, SSR/streaming, deferred data, search-param validation, route masking, auth guards, or integrating TanStack Query/tRPC/Framer Motion with the router.
Knowledge base from the official TanStack Table v9 documentation (tanstack.com/table) — headless table/datagrid library with framework adapters for React, Vue, Solid, Svelte, Angular, and more. Use when building or debugging a data table/grid, choosing between client-side and server-side row processing, wiring up sorting/filtering/pagination/grouping/selection/pinning/sizing, working with the v9 tableFeatures plugin architecture, migrating from v8's useReactTable, or writing a custom table feature. Priorizes the React adapter (@tanstack/react-table); other frameworks get brief compatibility notes only.
Knowledge base from the official TanStack Virtual documentation (tanstack.com/virtual) - a headless library for virtualizing large scrollable lists, grids, and tables at 60fps for React, Vue, Solid, Svelte, Angular, Lit, and Marko. Use when building or debugging a virtualized list/table with useVirtualizer, tuning fixed vs dynamic item size measurement, implementing sticky headers, infinite scroll, window virtualization, or text-measurement-based (pretext) sizing.
Knowledge base from the Three.js (@three.js) documentation — the full API reference (Core + Addons + TSL). Use when building 3D/WebGL/WebGPU graphics with Three.js, looking up a class's constructor/properties/methods, choosing between similar components (cameras, lights, loaders, controls), writing TSL shader code, or referencing composition patterns and performance conventions.
Knowledge base from the official TypeScript documentation (TypeScript Handbook v2, Reference, and Modules Reference) — the TypeScript 5.x language, type system, and module system. Use when writing or debugging TypeScript types, choosing between interface/type/generics/conditional-types/mapped-types, looking up a utility type (Partial/Pick/Omit/ReturnType/etc.), understanding class visibility/decorators/mixins, or configuring module/moduleResolution compiler options for Node.js/bundlers/libraries.
Knowledge base from the Zod (TypeScript-first schema validation) documentation, covering Zod 4 core API, Zod Mini, Zod Core internals, JSON Schema conversion, codecs, error customization, and the Zod 3→4 migration guide. Use when defining or refining Zod schemas, choosing between Zod and Zod Mini, converting schemas to/from JSON Schema, customizing validation errors, building bidirectional codecs, or migrating a Zod 3 codebase to Zod 4.