column-visibility
TanStack Table 的列可见性技能,通过 columnVisibilityFeature 隐藏列,同时保留列定义,并渲染可见性感知的表头、列和单元格集合。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-23 00:13
10,996 个结果
TanStack Table 的列可见性技能,通过 columnVisibilityFeature 隐藏列,同时保留列定义,并渲染可见性感知的表头、列和单元格集合。
面向 React Native Web 项目的导航技能,讲解如何用 React Navigation 统一处理原生与 Web 的路由、深度链接和 Web 特定跳转。
该技能用于指导创建具有独特设计感、生产级可用的前端界面,避免通用 AI 风格美学,并输出真实可运行代码(HTML/CSS/JS、React、Vue 等)。适用于用户要求构建网页组件、页面、应用或界面时,强调排版、配色、动效、空间布局与视觉细节的创意执行。
用于诊断并修复 Flutter 文本显示问题的技能,涵盖文本溢出、孤词、换行、截断、多样式文本与字号缩放等场景,帮助在动态内容长度、多语言与无障碍设置下获得可读、可预期的文本排版。
面向落地页、作品集与重设计的前端设计技能,强调先理解需求简报再选设计方向,避免AI默认审美套路。不属于仪表盘或多步产品界面。
Next.js App Router 开发原则技能,涵盖服务端与客户端组件划分、数据获取、路由约定、API 路由、性能优化、元数据、缓存、Server Actions 与常见反模式,帮助按官方推荐方式组织 Next.js 项目。
astro-ops 是一套面向 Astro 框架开发的操作型技能资料,涵盖岛屿架构(Islands Architecture)、内容集合(Content Collections)、渲染策略、视图过渡(View Transitions)以及多平台部署等主题。资料提供了渲染策略决策树,帮助判断在 SSG、SSR、Hybrid 三种输出模式间如何选择;同时给出岛屿架构客户端指令速查表(client:load、client:idle、client:visible、client:media、client:only)、内容集合的 Zod 模式定义与查询方式、典型项目目录结构参考、视图过渡与预取配置,以及 Cloudflare、Vercel、Netlify、Node 等部署适配器的选择与安装命令。此外还整理了常见问题(如 hydration 不匹配、动态路由 404、环境变量未暴露、MDX 组件不渲染等)及对应的修复思路,并附生产部署安全清单。该技能适合使用 Astro 构建博客、文档、营销站点或混合渲染应用的开发者参考。Astro 文档与集成指南内容见官方渠道。
visualize 是一个用于生成单文件 HTML 可视化讲解页的技能,可把系统、方案、代码流程、架构、对比、时间线和概念讲清楚。它强调面向零背景读者,用分层讲解结构、克制的视觉密度和明确的阅读引导来组织内容。
该技能用于实现和审查 iOS 26+ 的 SwiftUI Liquid Glass 界面。当需要采用 Liquid Glass 或检查其正确性、性能与设计契合度时使用。它优先采用原生 API(glassEffect、GlassEffectContainer、玻璃按钮样式)并遵循 Apple 设计指南,帮助开发者保持用法一致、在需要处提供交互性并关注性能。
SwiftUI UI Patterns 是一套用于构建和重构 SwiftUI 界面的组件模式与示例集合,适用于处理导航、状态、布局、控件或屏幕组合等场景。它提供按目标划分的使用路径:在已有项目中定位功能或屏幕及其主要交互模型(列表、详情、编辑器、设置、标签页),在仓库中查找相近示例并阅读最接近的 SwiftUI 视图,遵循本地约定(优先使用 SwiftUI 原生状态、尽量保持状态局部化、通过环境注入共享依赖),再从组件索引中选择相关参考并按其指引实现。对于新项目脚手架,则从应用接线参考开始,搭建 TabView、NavigationStack 与 sheets,并基于提供的骨架添加最小的 AppTab 与 RouterPath。该技能还给出通用规则,如使用现代 SwiftUI 状态(@State、@Binding、@Observable、@Environment)、避免不必要的视图模型、优先组合、使用 async/await 与 .task 并显式处理加载与错误状态、将共享应用服务放入 @Environment 等,并附有状态归属对照表、跨领域参考文档清单、反模式列表以及新视图的完整工作流程。
这是一个用于重构 SwiftUI View 文件的技能,目标是把视图整理成小而明确、稳定、可测试的结构。它默认采用原生 SwiftUI 写法:局部状态放在视图内,共享依赖放入环境,业务逻辑放在 service/model 中,仅在请求或现有代码明确需要时才引入 view model。技能涵盖视图声明顺序、以 MV 而非 MVVM 为默认、优先使用独立子视图类型、将动作与副作用移出 body、保持稳定的视图树以避免根部条件切换、view model 处理与 Observation 用法等规则,并提供从重排视图到确认 Observation 用法的重构工作流,以及视图文件超过约 300 行时的拆分建议。
Authoring Analysis 是 Adobe Helix Website 项目中的一个技能,用于在页面导入或迁移过程中分析内容序列,并决定每个内容序列的创作方式:是作为默认内容(default content)还是使用特定区块(block)。该技能会检查作者能否通过 Word/Google Docs 中的普通输入完成内容创作,若可以则标记为默认内容;若需要结构化布局或交互组件,则从区块清单中选择合适的区块,并在必要时调用 content-modeling 或 block-collection-and-party 技能进行验证。此外,该技能还会对仅包含单个区块的区块进行章节样式验证,判断背景样式属于区块自身设计还是章节容器样式,从而决定是否保留 section-metadata。
面向 React 的 react-intl(FormatJS)国际化技能,讲解 ICU 消息格式、FormattedMessage、useIntl、defineMessages 与 FormatJS 提取编译流程,并覆盖日期、数字、货币、复数与富文本等本地化用法。
MobX 可观察状态管理技能,配合 mobx-react-lite 使用,涵盖 observable、computed、action、flow 与 observer 等响应式客户端状态模式。
Web Scraper 是一个用于从网页提取和处理数据的技能,支持使用 CSS 选择器和 XPath 进行智能解析,并内置限速与错误处理机制。可通过 /scrape 命令触发,适用于需要抓取网页数据的场景。
在 Electron 桌面应用中嵌入 Zoom 会议能力的技术资料。涵盖 SDK 初始化、认证、加入/开始会议、会中交互与清理的完整生命周期,以及 Electron 包装层、JWT 认证和接入流程。
基于 Nielsen 十大可用性原则对网站、应用或界面进行启发式评估的技能,可快速发现可用性问题并按 0-4 级严重程度分级,输出结构化评估报告。
AI SDK v6 UI 技能用于构建基于 Vercel AI SDK v5/v6 的 React 聊天界面,涵盖流式 UI、工具审批工作流与智能体集成。适用于实现 AI SDK v5/v6 聊天 UI 的场景。
Bubble Tea 是用于在 Go 中构建终端用户界面(TUI)的框架,基于 Elm 架构的 Model/Update/View 模式。配合 Bubbles 组件库与 Lip Gloss 样式库,可创建交互式命令行应用。
Angular 17+ 技能,涵盖独立组件、信号、依赖注入与响应式模式,面向组件、服务及状态管理场景。
Radix UI 是一套无样式、可访问的 React 组件库,提供 Headless 原语。适用于构建无障碍的对话框、下拉菜单、Select、Popover 等交互组件,并配合 Tailwind 等自行设计样式。
React 并发特性技能,讲解 useTransition、useDeferredValue、Suspense、startTransition 等并发渲染模式,用于构建响应式 UI,并给出反模式、排错与最佳实践。
面向 SaaS 仪表盘与产品界面的设计参考技能,源自 cloudflare/vibesdk,提供配色、字体、间距、圆角、阴影与动效等设计规范,用于构建应用外壳、数据表格、设置面板、账单页与认证界面。
将架构描述或已检查的代码库生成独立 HTML 架构图,内联 SVG,深色主题,支持语义化系统分组与可读的连接流向,可在现代浏览器直接打开。