tanstack-table-core-column-sizing
TanStack Table Core 的列宽尺寸技能，讲解 columnSizingFeature 的数值化尺寸状态与 getSize、getStart、getAfter、getTotalSize 等 API，并说明如何把模型尺寸映射到表格、网格或 flex CSS 布局。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
前端与建站
11,190 个结果
tanstack-table-core-column-visibility
TanStack Table Core 的列可见性技能：用 columnVisibilityFeature 隐藏列，并渲染感知可见性的表头、列与单元格集合。适用于隐藏列仍留在 DOM、需要显式控制可见性状态的场景。
tanstack-table-core-expanding
这是 TanStack Table Core 的一个行展开（Row Expanding）技能模块，用于在表格中支持层级子行的展开与自定义详情面板的显示。它基于 rowExpandingFeature、expandedRowModel 等特性构建，配合 getSubRows、getRowCanExpand、manualExpanding 等选项，控制行树的展开范围；实际渲染的展开控件与详情面板由开发者自行实现。该技能说明了初始化配置方式、核心使用模式，并列出常见的三类错误：遗漏子行访问器、误以为表格状态会直接渲染详情标记、以及误读 paginateExpandedRows 对分页位置的影响。适用于需要展示嵌套数据、可展开子行或自定义详情面板的表格场景。
tanstack-table-core-global-filtering
该技能介绍 TanStack Table Core 的全局过滤（globalFilter），说明如何通过 globalFilteringFeature、columnFilteringFeature、filteredRowModel、globalFilterFn 及手动服务端过滤，对符合条件的列应用全局筛选。
tanstack-table-core-pagination
TanStack Table 核心分页技能，讲解 rowPaginationFeature 与 paginatedRowModel 的客户端分页，以及 manualPagination 服务端分页的配置方式，覆盖 pageIndex/pageSize 状态、rowCount/pageCount 与翻页可用性判断。
tanstack-table-core-row-pinning
TanStack Table 的行固定技能，用 rowPinningFeature 与稳定行 ID 将行归入顶部、中部、底部集合，并配合 keepPinnedRows 控制过滤和分页时的可见性。
tanstack-table-core-row-selection
TanStack Table Core 的行选择技能：以稳定 ID 维护 rowSelection 状态，支持单选、多选、子行与 Shift 范围选择，提供选中行模型、处理器锚点，并说明手动分页下的注意事项。
tanstack-vue-table-create-table-hook
基于 @tanstack/vue-table 的 createTableHook 技能，用于创建可复用的 useAppTable 与 createAppColumnHelper，统一共享特性、默认值和响应式表格选项，并支持可选的组件注册表。
tanstack-vue-table-getting-started
本技能介绍如何在 Vue 中使用 TanStack Table v9 创建表格，核心是通过 useTable、显式 tableFeatures、稳定的 columns/features 以及响应式 ref 或 computed 数据，并配合 Vue 的 FlexRender 渲染单元格。内容涵盖基础设置、核心模式、常见错误与 API 发现方法，强调 headless 模型与显式特性注册，适用于希望以无头方式构建 Vue 表格的开发者。
tanstack-vue-table-migrate-v8-to-v9
这是一个面向 TanStack Vue Table 从 v8 升级到 v9 的完整迁移参考，强调 v9 才是当前 API，不能只重命名 Vue composable 就结束。内容涵盖 Vue 3.2 及以上版本的前置要求、推荐的迁移顺序、显式 features 注册、row model 插槽迁移、Vue 响应式状态迁移、渲染与组合方式变更，以及共享 API 与类型重命名清单。资料还列出逻辑列固定 left/right 到 start/end 的替换、固定/尺寸/缩放 API 变更、排序与行选择方法重命名、TypeScript 类型迁移方式、常见迁移失败点和最终检查清单，并建议通过 node_modules 中的类型定义核对实际安装的 v9 API。所有功能名称、代码结构、迁移步骤均以原资料为准，未提供额外功能、价格或平台信息。
tanstack-vue-table-table-state
TanStack Vue Table 的状态管理技能，讲解 table.atoms/store 在模板、computed、watch 与 Subscribe 中的响应式读取，以及用 refs/computed 或外部 Vue Store atom 掌控状态切片。
tanstack-vue-table-with-tanstack-query
该技能讲解如何在 Vue 中把 TanStack Vue Table 的手动分页与 TanStack Vue Query 组合使用，涵盖响应式查询键、computed 数据、服务端行数与已处理分页，并列出常见错误。
tanstack-vue-table-with-tanstack-virtual
该技能说明如何在 Vue 中结合 TanStack Table 与 TanStack Virtual，对表格的最终行或列模型进行虚拟化，支持响应式数量与滚动目标、稳定键、测量、占位几何与粘性样式。
htmx-interactivity
该技能用于在 htmx 负责服务端请求与片段替换的基础上，协调 Alpine.js、_hyperscript 或原生 JavaScript 处理浏览器端局部交互，明确服务端与客户端的状态归属边界。
mj-video2md-html
将本地视频、SRT 字幕与时间戳整理成 MakerJackie 博客 MDX 和微信公众号 HTML 的工作流技能：解析字幕保留口播风格，从视频截图并压缩上传到 R2，再调用 mj-adapt 生成公众号 HTML。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，旨在帮助开发者摆脱千篇一律的“AI 味”设计。它适用于构建 Web 组件、页面或应用等场景。该技能强调在编码前先进行设计思考，明确界面要解决的问题、目标用户、审美基调、技术约束以及差异化亮点，并据此选择大胆而清晰的设计方向。它提供了一套前端美学指南，涵盖字体排印、色彩与主题、动效、空间构图、背景与视觉细节等方面，要求实现可运行的生产级代码，同时兼顾视觉冲击力与细节打磨。该技能明确反对使用通用字体、陈词滥调的配色和可预测的布局，鼓励根据具体语境做出有意图、有创意的设计选择。
frontend-dev-guidelines
该技能是一套面向 React/TypeScript 应用的前端开发规范指南，强调基于 Suspense 的数据获取、懒加载、文件组织与性能优化。内容涵盖组件模式、数据获取、文件组织、样式、路由、加载与错误状态、性能、TypeScript 规范、常见模式及完整示例等主题，并提供新建组件、新建功能的检查清单、导入别名速查（@/、~types、~components、~features）与常见导入代码片段。主要推荐使用 useSuspenseQuery、TanStack Query、TanStack Router、MUI v7、SuspenseLoader、useMuiSnackbar 等约定，并规定避免提前返回加载动画、重组件懒加载、按代码行数决定样式内联或拆分、使用 import type 等要求。适用于创建组件或页面、构建新功能、使用 TanStack Query 获取数据、设置 TanStack Router 路由、使用 MUI v7 设置样式、性能优化、组织前端代码及遵循 TypeScript 最佳实践等场景。
ui-styling
UI Styling 是一个用于创建美观、可访问用户界面的技能，结合 shadcn/ui 组件（基于 Radix UI 与 Tailwind）、Tailwind CSS 实用优先样式以及基于 canvas 的视觉设计系统。它适用于使用 React 框架（Next.js、Vite、Remix、Astro）构建界面、实现可访问组件、采用实用优先 CSS、创建响应式移动优先布局、实现暗色模式与主题定制、构建设计系统、生成视觉设计或品牌材料、快速原型以及添加复杂 UI 模式等场景。核心栈包括组件层 shadcn/ui、样式层 Tailwind CSS 和视觉设计层 Canvas。提供 CLI 安装、组件目录、主题定制、可访问性模式、Tailwind 工具类、响应式设计、自定义配置、视觉设计系统以及 Python 自动化脚本等参考与工具。
web-frameworks
Web Frameworks 技能组是一套面向现代全栈 Web 应用开发的综合指南，整合 Next.js、Turborepo 与 RemixIcon 三个工具。Next.js 提供 App Router、Server Components（RSC）、PPR、SSR、SSG、ISR 等渲染与优化能力；Turborepo 负责 monorepo 管理与任务流水线、缓存；RemixIcon 提供 3100+ 线性与填充风格图标。技能组给出单应用与 monorepo 两种技术栈选型、快速开始命令、共享组件库与数据获取等常见模式、CI/CD 配置示例，以及 Python 辅助脚本和最佳实践清单，适合构建电商、营销站、SaaS、文档站、多应用平台等场景。
cro-methodology
基于《Making Websites Win》与 CRE Methodology™ 的以客户为中心的转化率优化方法论技能，用于评审和创建落地页、漏斗与转化流程，并按 0-10 分打分给出改进建议。
frontend
统一的前端技能，覆盖视觉设计、组件创建、Playwright E2E 测试、WCAG 2.1 AA 无障碍审计与视觉评审，通过 /frontend 子命令按需调用，适用于构建或测试前端/UI 工作。
framework-fit-advisor
用于为产品级原型或应用选择前端框架与技术栈的技能，重点比较 Next.js、Nuxt 与 React + Vite。它从产品运营模型出发，推荐最易表达、预览、维护和交接的框架，并输出决策记录。
sitemap-planner
Sitemap Planner 是一个用于为产品、应用、网站、仪表盘或原型设计信息架构的技能，把产品需求转化为页面/屏幕地图、路由层级与公开/私有边界，并给出导航模型、路由约定与信息架构风险提示。
inject-nextjs-docs
该技能通过运行 Next.js 的 agents-md codemod，把压缩后的 Next.js 框架文档注入当前项目的 CLAUDE.md 或 AGENTS.md，让 AI 编码代理无需工具调用即可被动获取框架知识。仅适用于 Next.js 项目。