arrow-js-obsidian-patterns
面向 Obsidian 插件的 Arrow.js 集成模式技能，讲解用 @arrow-js/core 构建响应式组件时的挂载生命周期、共享响应式状态、浮动 UI、Lucide 图标与 CSS 作用域等实战陷阱。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
前端与建站
11,187 个结果
create-ui-kit-from-website
把已检查的网站视觉系统与交互模式提取为可编辑的 UI 套件，适用于将网站、仪表盘、URL 或浏览器标签页转成 UI 套件。需产出真实制品而非仅写审计报告，默认使用 Paper，不可用时回退到本地 HTML/CSS。
nuxt-composables
用于在 Nuxt 项目中创建自定义 Vue composables 的技能，涵盖可复用状态逻辑、共享状态管理与功能封装，提供命名、文件约定及单例与工厂两种状态模式。
nuxt-features
Nuxt Features 是一套面向 Nuxt 的领域功能模块模式，将业务逻辑拆分为 queries、mutations、actions 三层，用于组织带筛选的数据获取、API 变更与业务逻辑。
nuxt-realtime
nuxt-realtime 是 leeovery/agentic-skills 中的技能，用于在 Nuxt 中通过 Laravel Echo 与 WebSocket 实现实时功能，适用于订阅频道、监听事件、实现实时更新和管理频道。
nextjs
Next.js App Router 专家指导技能，用于构建、调试和架构 Next.js 应用，覆盖路由、Server Components、Server Actions、缓存、数据获取、元数据、图片与字体优化、水合错误排查及自托管等主题。
vercel-react-best-practices
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。
lov-add-tool
lov-add-tool 是 lovstudio/skills 中的技能，用于为现有网站新增可用的在线工具，并接入多语言、工具目录、站点地图和必要的成本提示，支持明确输入与结果回读。
lov-better-css
用于清理冗余 CSS 并在现有 Tailwind 项目中重构样式的技能，支持明确输入与结果回读。可分析重复、覆盖、未使用和可迁移样式，逐组件合并并更新引用，运行构建或类型检查并报告实际体积变化。
lov-better-seo
用于审查和改进 Next.js 站点 SEO 的技能：检查页面元数据、索引规则、站点地图与分享展示，支持明确输入与结果回读，分析预览保持只读，修改与发布按请求范围执行。
lov-i18n-check-i18n
用于检查并修复前端国际化问题的技能，覆盖用户可见文案硬编码、缺失翻译键及语言配置，支持明确输入与结果回读，适合审查和修复前端 i18n。
lov-install-design
将项目品牌设计规范映射到已有前端样式与组件系统的技能，支持明确输入与结果回读，用于安装项目设计系统。
lov-install-shadcn-ui
用于在项目中安装并按品牌配置 shadcn/ui 的技能，保留现有主题与组件修改，支持明确输入与结果回读。
lov-install-tauri-logo
该技能用于把已确认的 Logo 接入 Tauri 应用的包图标与托盘，并核验生成的资源文件。支持明确输入与结果回读，适用于 Tauri 图标安装场景。
tanstack-angular-table-create-table-hook
用于在 Angular 中通过 createTableHook 创建 injectAppTable、createAppColumnHelper 等应用级表格抽象，统一共享特性、默认值与已注册组件，适合需要复用表格约定的项目。
tanstack-angular-table-getting-started
TanStack Angular Table v9 入门技能：在 Angular 注入上下文中用 injectTable 创建无头表格，配合稳定的 tableFeatures、columns 与 signal 数据源，并用 FlexRender 渲染单元格。
tanstack-angular-table-migrate-v8-to-v9
TanStack Angular Table 从 v8 迁移到 v9 的完整破坏性变更参考，涵盖 injectTable 与注入上下文、显式 features 与行模型槽位、signal/atom 状态、FlexRender 渲染及类型重命名。要求 Angular 19 或更新版本。
tanstack-angular-table-table-state
TanStack Angular Table 的状态管理技能，讲解如何用 Angular signal 支撑 table.atoms、模板直接读取、computed 选择器、受控 signal 与值或更新函数回调，以及外部 Angular Store 原子，并说明状态归属、初始化、更新与重置的取舍。
tanstack-angular-table-with-tanstack-query
该技能介绍如何在 Angular 中把 TanStack Query 与 TanStack Table 组合使用，用 signal 管理表格的分页、排序和过滤状态，并通过响应式查询选项与手动行模型边界实现服务端数据处理。
tanstack-angular-table-with-tanstack-virtual
面向 Angular 的 TanStack Table 虚拟化技能，在正确的注入与响应式生命周期内虚拟化表格最终行或列模型，涉及信号计数、滚动元素、键与测量等。
tanstack-ember-table-create-table-hook
该技能介绍 TanStack Ember Table v9 中通过 createTableHook 创建应用级表格工厂的用法，包括如何共享 features、默认选项、行模型插槽、列推断辅助工具，以及 createAppTable、createAppColumnHelper、appFeatures 的使用方式。它适用于多张表格共享同一套功能或默认配置的场景，并强调单次使用的表格仍应保留在 useTable 上。内容覆盖组合契约、状态隔离、渲染方式以及常见错误（如按表传入 features、在组件内重建 hook、把受控状态当作共享默认值等），同时提示通过声明文件进行 API 探查。
tanstack-ember-table-getting-started
该技能介绍如何在 Ember 5.8 及以上版本（配合 Embroider 或 ember-auto-import v2）中创建 TanStack Ember Table v9 表格。核心是使用 useTable、一个被追踪（tracked）的 options thunk、稳定的 tableFeatures 与 columns，以及 .gts 模板标签组件。Ember Table 是无头（headless）的：它提供响应式表格模型和渲染助手，而语义标记、CSS、可访问性和设计系统组件由应用自身负责。技能基于 @tanstack/table-core 的 core 与 table-features 模块，涵盖 setup、Ember 特有模式（如在模板中保留方法接收者、通过匹配组件渲染定义）、常见错误（如传入 options 对象而非 thunk、将未绑定的原型方法传给模板修饰符）以及 API 发现方式。
tanstack-ember-table-table-state
TanStack Ember Table v9 的状态管理技能，讲解如何通过 Glimmer 响应式 API、baseAtoms、atoms、store 与 createAtom 读取、跟踪、初始化、控制和重置表格状态。
tanstack-lit-table-getting-started
TanStack Lit Table v9 入门技能：在 Lit 组件中创建无头表格，使用稳定的 TableController 宿主字段、显式 tableFeatures，并在渲染时调用 controller.table(options, selector)。