搜索「Full Stack Developer」的结果

io.github.TanStack/table/compose-with-tanstack-devtools

在 React 中为 TanStack Table 接入 TanStack Devtools：在应用根部挂载一次 `TanStackDevtools` 并带上 `tableDevtoolsPlugin()`，然后在每个 `useTable` 之后调用 `useTanStackTableDevtools(table)`，把该表格注册为 devtools 目标。除非从 `@tanstack/react-table-devtools/production` 导入，否则生产构建会把开发期 devtools tree-shake 成空操作。

io.github.TanStack/table/compose-with-tanstack-virtual

`@tanstack/react-table` v9 本身不包含虚拟化，需要与 `@tanstack/react-virtual` 搭配。标准行虚拟化模式：从 `table.getRowModel().rows` 取行数组，把 `rows.length` 传给位于尽可能深组件（`TableBody`，而不是 `App`）中的 `useVirtualizer({ count, estimateSize, getScrollElement, ... })`，用 `rowVirtualizer.getVirtualItems()` 代替 `rows.map` 迭代，用 `transform: translateY(virtualRow.start)` 对每行做绝对定位，并把 `<tbody>` 渲染为具有固定总高度的 CSS grid。列虚拟化使用 `horizontal: true` 加上左右占位单元格。另有一个实验性的 ref 变更写法可跳过 React 协调、再带来约 10% 的性能收益，但标准模式仍是默认选择。

io.github.TanStack/table/compose-with-tanstack-store

`@tanstack/react-table` v9 构建在 TanStack Store 之上。每个状态切片（sorting、pagination、rowSelection、columnFilters 等）都是独立的 atom。表格暴露三个读取入口——`table.atoms.<slice>`（按切片的只读）、`table.store`（扁平只读视图）、`table.state`（来自 `useTable` 的 selector 输出）——以及两条写入路径——内部 `table.baseAtoms.<slice>`，或在你选择自己托管该切片时使用你的 `options.atoms[slice]`。用 `@tanstack/react-store` 的 `useCreateAtom` 保证稳定标识，用 `useSelector` 做细粒度读取，并把 atom 通过 `options.atoms` 传入，让表格直接写入——无需 `on*Change` 处理函数。

io.github.TanStack/table/compose-with-tanstack-query

`@tanstack/react-table` v9 与 `@tanstack/react-query` 的服务端与异步数据流。规范写法：用 `useCreateAtom<PaginationState>` 创建外部分页 atom 并通过 `options.atoms` 传入（而不是 `state` 加 `on*Change`），把分页对象纳入 `queryKey`，设置 `manualPagination: true`，用 `placeholderData: keepPreviousData` 避免闪现 0 行，并用 `defaultData = useMemo(() => [], [])` 让 `data` 引用在多次请求间保持稳定。`rowCount` 取自接口响应，这样 `getPageCount()` 才能正确工作。

io.github.affaan-m/ECC/angular-developer

生成 Angular 代码并提供架构层面的指导。在创建项目、组件或服务时触发，也适用于响应式（signals、linkedSignal、resource）、表单、依赖注入、路由、SSR、无障碍（ARIA）、动画、样式（组件样式、Tailwind CSS）、测试以及 CLI 工具方面的最佳实践。

io.github.FerroxLabs/wayland/accessible-mobile-developer

移动无障碍开发专长，涵盖 iOS VoiceOver 与 Android TalkBack 集成、SwiftUI 与 Jetpack Compose 的无障碍 API、触控目标尺寸、手势替代方案、动态字体支持、颜色对比合规、读屏软件测试，以及 WCAG 移动端专项成功标准。当用户询问 accessible mobile developer、相关技术、最佳实践，或需要该领域指导时使用。当请求超出 accessible mobile developer 范围或需要其他专项技能时请勿使用。

io.github.a5c-ai/babysitter/browser-stack

通过 BrowserStack 或 Sauce Labs 进行跨浏览器与跨设备测试

io.github.zebbern/claude-code-guide/nextjs-developer

在用 App Router、server components 或 server actions 构建 Next.js 14+ 应用时使用。适用于全栈特性、性能优化、SEO 实现与生产部署。

io.github.TanStack/table/compose-with-tanstack-pacer

使用 `@tanstack/react-pacer` 对驱动交互式 `@tanstack/react-table` v9 表格的高频写入做防抖与节流：列过滤输入框与列宽调整状态。模式：从 `@tanstack/react-pacer/debouncer` 导入 `useDebouncedCallback`，用它包住你的 `onChange` 写入函数，并保留本地输入状态让输入手感即时。对于列宽拖拽，节流 `onColumnResizingChange`，避免一次拖动每秒推入 60 次以上状态更新。Pacer 是 v9 中对 v8 示例里手写 `DebouncedInput` setTimeout 组件的替代方案。

io.github.affaan-m/ECC/angular-developer

生成 Angular 代码并提供架构层面的指导。在创建项目、组件或服务时触发，也适用于响应式（signal、linkedSignal、resource）、表单、依赖注入、路由、SSR、可访问性（ARIA）、动画、样式（组件样式、Tailwind CSS）、测试或 CLI 工具方面的最佳实践。

io.github.sickn33/antigravity-awesome-skills/mcp-tool-developer

从零构建 Model Context Protocol（MCP）服务器与工具。全栈式 MCP 开发，涵盖 TypeScript/Python、测试、部署与 registry 发布。

io.github.transilienceai/communitytools/backend

后端技术栈识别——通过 HTTP 请求头、cookie、错误页与 API 探测识别 Web 服务器、运行时、语言、框架、数据库、API 与 CMS。

io.github.Jeffallan/claude-skills/mcp-developer

在构建、调试或扩展用于连接 AI 系统与外部工具、数据源的 MCP 服务器或客户端时使用。用于实现 tool handler、配置 resource provider、搭建 stdio/HTTP/SSE 传输层、用 Zod 或 Pydantic 校验 schema、调试协议兼容问题，或用 TypeScript/Python SDK 脚手架完整的 MCP 服务器/客户端项目。

io.github.Jeffallan/claude-skills/nextjs-developer

使用 App Router、server components 或 server actions 构建 Next.js 14+ 应用时使用。用于配置 route handler、实现 middleware、搭建 API 路由、添加流式 SSR、为 SEO 编写 generateMetadata、脚手架 loading.tsx/error.tsx 边界，或部署到 Vercel。触发词：Next.js、Next.js 14、App Router、RSC、use server、Server Components、Server Actions、React Server Components、generateMetadata、loading.tsx、Next.js 部署、Vercel、Next.js 性能。

io.github.garrytan/gstack/gstack-openclaw-office-hours

当被要求头脑风暴、评估某个想法是否值得做、进行 office hours、或在写任何代码之前推敲新产品想法与设计方向时使用。

io.github.handsontable/handsontable/browserstack-live

通过 BrowserStack 在真实设备上测试本地或公网 URL、在 Android、iOS 或桌面浏览器上开启实时浏览器会话，或当用户提到 BrowserStack、真机测试、移动测试、跨浏览器测试、触屏测试，或想在特定手机、平板、浏览器版本上验证行为时使用。当用户说「在 Android/iPhone/Safari/Chrome 移动端上测试」、要求开启实时会话，或提及 demo-mobile.html——即使未点名 BrowserStack——也应触发。

io.github.sickn33/antigravity-awesome-skills/mobile-developer

使用现代架构模式开发 React Native、Flutter 或原生移动应用。精通跨平台开发、原生集成、离线同步与应用商店优化。

io.github.sickn33/antigravity-awesome-skills/frontend-developer

构建 React 组件、实现响应式布局并处理客户端状态管理。精通 React 19、Next.js 15 与现代前端架构。

io.github.NeverSight/learn-skills.dev/mobile-developer

iOS 与 Android 纯原生开发（Swift/Kotlin）专家，充分发挥平台能力与性能。

io.github.NeverSight/learn-skills.dev/nextjs-developer

资深 Next.js 开发者，专精 Next.js 14+、App Router、Server Components 与现代 React 模式。擅长构建高性能、SEO 优化的全栈 Web 应用，善用 server actions 与最新 Next.js 特性。

io.github.cohen-liel/hivemind/nextjs-fullstack

面向全栈应用的 Next.js App Router 模式。在使用 App Router、Server Components、API Routes、鉴权或构建全栈 React 应用开发 Next.js 项目时使用。

io.github.alirezarezvani/claude-skills/browserstack

在 BrowserStack 上运行测试。当用户提到「browserstack」「cross-browser」「cloud testing」「browser matrix」「test on safari」「test on firefox」或「browser compatibility」时使用。

io.github.aiskillstore/marketplace/mobile-developer

使用现代架构模式开发 React Native、Flutter 或原生移动应用。精通跨平台开发、原生集成、离线同步与应用商店优化。在移动功能、跨平台代码或应用优化场景下主动使用。

io.github.NeverSight/learn-skills.dev/backend-developer

全面的后端开发，使用多种框架、数据库与部署策略构建生产级服务端应用。在构建 API、服务、数据库或服务器基础设施时使用。