tanstack-router
用于构建、审查、调试、配置、迁移或规划 TanStack Router React 应用（v1、1.170.x）的技能，覆盖 @tanstack/react-router、src/routes/**、src/router.tsx、路由树生成、类型化导航与路由数据加载。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
前端与建站
10,942 个结果
tanstack-start
用于构建、审查、调试、配置、迁移或规划 TanStack Start React 应用的技能，面向 RC、1.168.x 版本并结合最新文档使用。
tanstack-table
用于构建、审查、调试、迁移或规划 TanStack Table v9 React 表格的技能，覆盖 @tanstack/react-table、表特性组合、复杂数据网格行为及 v8 迁移。
headless-hydrogen
用于构建 Shopify 无头店面的技能，基于 Hydrogen 框架与 Oxygen 托管，涵盖 React Router、Storefront API、GraphQL 数据获取、购物车、集合、搜索、客户认证、本地化与部署流程。
battlecard-generator
面向产品营销与销售团队的竞品情报技能：从公开渠道研究单一竞争对手，整理定位、评价、广告、社交与定价信息，输出结构化销售作战卡。
web-archive-scraper
基于 Wayback Machine（Internet Archive）CDX API 的归档网页抓取工具，可搜索网站历史快照并提取缓存页面内容，用于找回已变更或已关闭网站上的客户名单、推荐语、合作伙伴目录等信息。仅依赖 requests，无需 API 密钥。
templui
面向 Go/templ 应用的 templUI 与 shadcn-templ 组件使用指引，可辨认 v1 与 v2 两代组件从而正确安装组件、使用 UI 区块并配置 Script()。
chiaroscuro
chiaroscuro 是一个用于在 Tailwind v4 中设计并构建精致 Web UI 的技能，覆盖从需求到浏览器验证的完整实现流程。它强调复用现有组件、遵循产品语言与真实内容，并给出排版、触控目标、动效等硬性规则。
geospatial-frontend
用于构建地图优先的地理空间演示 Web 应用的前端技能：基于 Vite、原生 TypeScript、MapLibre GL JS 3D 地球、DuckDB-WASM 与纯 CSS，采用暖色深色 HUD 美学，适合卫星影像检索等演示场景。
nuqs
nuqs 是一个面向 React 的类型安全 URL 查询状态管理库，用法类似 useState，但状态存储在 URL 查询参数中。它提供适配 Next.js App Router/Pages Router、React SPA、Remix、React Router 等框架的 NuqsAdapter，支持单参数 useQueryState 与多参数 useQueryStates 钩子，并内置字符串、整数、浮点、十六进制、布尔、日期时间、时间戳、数组、JSON、枚举、字面量等多种解析器。可通过 withDefault 提供默认值、withOptions 配置 history、shallow、scroll、throttleMs、clearOnDefault 等选项，支持函数式更新、批量更新、useTransition 加载状态、urlKeys 短键映射以及 createParser 自定义解析器。服务端可用 createSearchParamsCache 解析与读取参数，测试可使用 withNuqsTestingAdapter。适用于筛选排序列表、分页、搜索等需要 URL 同步的场景；需先正确包裹适配器，并注意 Suspense、同键同解析器等限制。
wp-readme-optimizer
用于审查并重写 WordPress.org 插件 readme.txt 的技能：先推断目标关键词，再对 8 个板块逐项打分审计，最后输出可直接替换的完整 readme.txt，以提升插件目录中的可见度与安装转化。
deprival-superreaction
基于查理·芒格人类误判心理学中“被剥夺超级反应倾向”的思维校正技能，用于识别因失去或即将失去某物而做出不成比例激烈反应、急于扳平、无法止损的情形，如沉没成本陷阱、赌徒式加注、拍卖非理性竞价。
ui-aesthetics
UI Aesthetics 是一个与框架无关的前端视觉判断技能，用于让网页界面更专业、稳定、接近产品级水准。它强调先做构图与层级，再谈装饰，并覆盖组件工艺、交互状态、动效与深度光照等规则。
ui-ux-master
UI/UX Master 是一个综合 UI/UX 设计技能，融合 Apple 人机界面指南、现代网页设计模式、SuperDesign 原则与通用 UX 最佳实践，用于跨平台界面设计。
frontend-browser-review
Langfuse 中用于基于浏览器审查用户可见前端改动的共享工作流，适用于 UI 行为、布局、样式、导航等变更的验证与签核。
craft-garnish
Garnish 是 Craft CMS 控制面板内置的 JavaScript UI 工具包，本技能提供其类系统、UI 组件、拖拽交互、表单组件、无障碍辅助及与 CP 集成的参考文档。
frontend-review-hygiene
用于评估前端项目代码质量卫生的审查技能，覆盖 TypeScript 严格性、lint 违规、死代码与重复代码，通过运行审计脚本生成 KPI 报告并与基线对比，输出修复批次建议。
frontend-review-performance
用于审查 React 前端渲染性能的技能：以 Profiler 优先诊断，检查 memo/useCallback/useMemo 的正确性、大列表虚拟滚动、Context 重渲染、并发特性与 Canvas/WebGL 分离，并输出性能审查报告。
logo-management
用于管理汽车品牌 Logo 的技能：负责在 logos 包中抓取、爬取 Logo 并存入 Vercel Blob，包含品牌名归一化、缓存与脚本工具，适用于新增品牌 Logo、更新来源或排查品牌问题。
scroll-video-website
把用户提供的视频转换为苹果风格、滚动驱动的网页：用画布逐帧刮擦播放，帧序列以 WebP 优化，支持渐进加载。适用于产品视频变电影感落地页、滚动讲故事、画布产品揭示等；不用于普通自动播放背景。
nuqs
nuqs 是面向 React 的类型安全 URL 查询状态管理库，用法类似 useState，但状态存储在 URL 中。支持 Next.js、React SPA、Remix、React Router 等适配器，提供内置解析器、服务端组件读取、测试适配器等能力。
skill-visual-feedback
一个用于处理基于截图的 UI/UX 视觉反馈的技能：分析用户提供的界面截图，定位视觉问题、找到对应代码并系统性修复，最后进行视觉验证。适用于按钮样式、布局错位、组件与状态不一致等问题。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
auto-animate
@formkit/auto-animate 是一个面向 React、Vue、Solid、Svelte、Preact 的零配置动画库，体积约 3.28kb，可自动为列表增删等 DOM 变化添加过渡动画，并附带常见错误预防指南。