tanstack-virtual 是做什麼的?
無頭 UI,可在 TS/JS、React、Vue、Solid、Svelte、Lit 和 Angular 中以 60FPS 虛擬化大型元素列表。
無頭 UI,可在 TS/JS、React、Vue、Solid、Svelte、Lit 和 Angular 中以 60FPS 虛擬化大型元素列表。
這項技能是關於 TanStack Virtual,一個強大的無頭 UI 函式庫,專為高效虛擬化大型元素列表而生,可實現流暢的 60FPS 渲染。它支援多種主流框架,包括 React、Vue、Solid、Svelte、Lit、Angular 以及純 TypeScript/JavaScript。對於開發者而言,它能有效處理成千上萬個項目的長列表、大型網格或無限滾動內容,大幅降低 DOM 節點數量,從而提升應用效能與使用者體驗。其無頭架構讓開發者能完全控制樣式與行為,並提供穩定的 API 以處理動態大小、滾動恢復等複雜情境。此技能可在 Claude Code、Cursor 或 Codex 等 AI 代理環境中使用,協助開發者快速整合與配置虛擬化功能。
npx skills add https://github.com/tanstack-skills/tanstack-skills/tree/main/skills/tanstack-virtual無頭 UI,可在 TS/JS、React、Vue、Solid、Svelte、Lit 和 Angular 中以 60FPS 虛擬化大型元素列表。
This repo contains 5 individual skills — each has its own dedicated page.
Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, Lit, and Svelte.
Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.
Type-safe routing for React and Solid applications with first-class search params, data loading, and seamless integration with the React ecosystem.
Full-stack React framework powered by TanStack Router with SSR, streaming, server functions, and deployment to any hosting provider.
Headless UI for building powerful tables & datagrids for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".