axhub-annotation-standalone
本技能用于在独立 Web 项目中接入 @axhub/annotation 运行时，仅负责展示已存在的标注数据，包括标注 marker、标注面板、目录和状态控件。适用于需要在 standalone React 应用、普通 HTML 页面、Vite 原型或其他 web 宿主中添加标注功能的场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,948 个结果
core-web-vitals
针对 Google Core Web Vitals（LCP、INP、CLS）的优化技能，用于诊断并修复影响搜索排名的真实用户体验指标，包含字段数据核验、LCP 预加载、CLS 空间预留、INP 主线程让出及 RUM 监控等实践。
react-native-core
React Native 核心技能，覆盖核心组件、Flexbox 布局、样式、动画、列表、平台 API 与最佳实践，用于构建 iOS/Android 原生界面。
audit-website
借助 squirrelscan 的 squirrel CLI，对网站进行 SEO、性能、安全、技术、内容与可访问性等多维度审计的技能，覆盖 230+ 规则、21 个类别，输出问题清单与可执行修复建议及 0-100 健康分。
styling-system
一个用于 CSS 架构、主题与视觉设计系统的技能：在搭建样式基础设施、选择 Tailwind/CSS Modules/CSS-in-JS/原生 CSS、定义 design tokens、实现暗色模式、响应式布局、组件变体与动画模式时按需加载，并提供发现、决策、配置、校验等工作流。
frontend-review-triage
frontend-review-triage 是 mizchi/skills 中的前端评审分诊技能，用于前端咨询项目启动时的 Day 0 初步评估，产出仓库现状记分卡而非修复建议。
visual-verify
基于视觉的界面质检技能：把网页、静态 HTML 或 PDF 渲染结果截成图，用设计师视角检查对齐、间距、重叠、居中、配色、排版、响应式与溢出等问题并输出报告，只报告不修改代码。
phaser-2d-game
用于以 Phaser、TypeScript 和 Vite 技术栈实现 2D 浏览器游戏的技能，涵盖场景、玩法系统、摄像机、精灵动画等内容，适合回合制网格、俯视探索、横版动作等类型。
orderly-ui-components
Orderly Network 提供的 React UI 组件技能，用于快速搭建交易界面。该技能说明如何使用 @orderly.network 系列包中的预构建、已带样式的 React 组件，包括 OrderEntry（下单表单）、Positions（持仓表）、TradingPage（完整交易页）、Scaffold（应用布局）、Table、Modal、Sheet 等基础组件。资料强调了正确的导入路径与包归属，指出不存在 @orderly.network/react 包，应使用 @orderly.network/react-app 提供 Provider、@orderly.network/ui 提供基础组件、各功能包提供页面级组件。使用前提为 React 18+、安装相应包、用 OrderlyAppProvider 包裹应用并配置 Tailwind CSS。适用于快速构建交易 UI、复用带样式的组件以及实现标准交易界面模式。资料未提供收费、价格或性能效果等信息。
TanStack Start
TanStack Start 是构建于 TanStack Router 之上的全栈 React 框架技能，支持类型安全路由、服务端函数、SSR 与流式渲染，官方支持 Cloudflare Workers，并可接入 TanStack Query。当前该技能为草稿状态、尚未发布，官方标注不要用于生产环境。
vercel-kv
Vercel KV 是 Vercel 提供的 Redis 兼容键值存储，由 Upstash 驱动，用于 Next.js 应用中的缓存、会话管理与限流。通过 @vercel/kv 包调用，支持 TTL、原子操作、管道与有序集合等能力。
reatom-jsx
@reatom/jsx 是 Reatom 生态中用于实现响应式原生 DOM JSX 的库。它不使用虚拟 DOM、不做 diff、组件不会重新渲染，组件只是挂载时执行一次的普通函数，更新依赖原子（atom）与响应式属性。该技能用于编写和解释 @reatom/jsx 组件，涵盖安装与 tsconfig、Vite 配置、应用引导与热模块替换、props/children/绑定、style 与 css prop、类名处理、条件与主题样式、组件与列表、批量属性绑定（$spread）、SVG 与原始标记、挂载副作用（ref props）、错误处理与 ErrorBoundary、工具函数（reatomClassName、css、cssVar、<Bind>）、TypeScript 以及 SSR 与键控列表的限制。使用时应以随技能提供的 REFERENCE.md 为权威参考，不要套用 React/Vue 的 JSX 语义。
ui-development
面向 Redpanda Console 前端开发的 UI 技能，指导使用 Redpanda UI Registry 组件、Tailwind v4 与无障碍最佳实践构建界面。
holocron
Holocron 是一个兼容 Mintlify 的文档站点生成器和 Vite 插件，用于创建、迁移、定制和部署文档站点。它通过 CLI 脚手架创建项目，使用 docs.json/docs.jsonc 或 holocron.jsonc 进行配置，支持 MDX 页面、导航分组、标签页、客户端图标、重定向、主题定制、本地导入和前端字段（frontmatter）。文档页面支持 prompt 字段记录生成来源，可配合 Holocron Maintain 在源文件变更时重新生成。部署方式包括 Cloudflare、Node 和 Holocron 自身。
json-to-html-table-with-lit
介绍如何用 Lit 构建 Web Component，将 JSON 数据（来自 URL 或内联 JSON）渲染为动态 HTML 表格，并支持单元格编辑与事件派发。
figma-design-to-code-bridge
Figma Design To Code Bridge 是一个用于将 Figma 画板与设计上下文转化为可落地前端方案的技能，输出组件映射、代码交接文档与实施计划。它强调不是“照截图写代码”，而是把设计意图、设计令牌（tokens）和组件对应到现有代码库。该技能提供 handoff-plan、component-map、code-connect、gap-report、implementation-route 五种模式，覆盖从构建/重构计划、组件与变体映射、Code Connect 准备与审查、设计与代码系统差异报告，到路由到 webapp-ui-skill 或 marketing-site-skill 的交接。工作流要求先通过 figma-context-reader 获取上下文，再检查本地代码库，之后映射令牌、组件、变体、状态与响应式约束，并在实现后进行本地视觉验证。它优先复用项目已有组件与设计令牌，在视觉一致性与可访问性、响应式或代码规范冲突时保留 UX 意图，并将 Figma 或 MCP 生成的代码视为草稿。该技能还包含安全与隐私要求，涉及非公开 Figma 文件、截图、变量、组件名与源码的处理。
design-it
Design-It 是一个面向前端设计的 UI 风格路由技能，属于 design-it 技能系统的主入口。它不会回退到通用的“AI 味”美学，而是提供 48 种各具明确主张的设计风格供选择。当你需要构建网站、应用界面或 UI 组件并希望套用某种特定审美时，可以触发该技能。使用流程为：先从用户提示中的关键词（如“minimal”“glass”“retro”）做语义匹配，把请求映射到 48 种风格之一（无需精确匹配）；再查阅风格索引找到对应路径并读取其 SKILL.md；如果用户未指定颜色，必须从内置的 10 套通用调色板中挑选，并遵循 60-30-10 的色彩比例；最后按所选风格的原则编写代码，除用户要求外不要混合风格。它还区分了 Web 与 App 的实现方式：Web 使用 CSS 变量、grid/flexbox 与 CSS transitions，App 则映射到框架的主题引擎并使用平台特有的阴影与动画。
d2-00-angular-tailwind-init
该技能用于搭建名为 up-app 的 Angular 22 项目并集成 Tailwind CSS，属于 CRUD 练习 Day 2 的第 0 步。触发词为“day2 step0”或“create up-app”。技能通过 ng new 命令创建带路由、CSS 样式和独立组件（standalone）配置的 Angular 应用，随后以 npm 安装 tailwindcss、@tailwindcss/postcss 和 postcss 作为开发依赖，并配置 PostCSS 与 Tailwind 入口样式，同时提供 tailwind.config.ts 模板以统一设计。技能还提示在模板中使用标准 Tailwind 颜色与间距类（如 bg-blue-500、p-6、gap-4），以确保类名被正确识别和渲染；并说明 Angular 22 没有内置 Tailwind 原理图，需手动安装，若接线出错可查阅 Tailwind 当前 Angular 文档。
quest-webxr
这是一个面向 Meta Quest 浏览器 WebXR 开发的技术技能，用于判断在浏览器而非原生二进制中运行 XR 体验的场景是否合适。覆盖 WebXR、IWSDK、three.js、A-Frame 以及 PWA 打包流程，讲解如何在 Horizon OS 上用浏览器交付沉浸式体验。
starwards-pixijs
该技能面向 Starwards 项目的浏览器模块，提供 PixiJS v8（^8.14.0）的 API 参考与项目专用模式。内容涵盖 Application 异步初始化、容器与场景图、Sprite、Graphics v8 流式 API、Text 与 BitmapText、纹理与资源加载、Ticker 更新、事件交互、性能优化建议以及 v7 到 v8 的迁移要点。同时整理了 Starwards 自身的实现模式，包括 CameraView 应用、图层系统、Graphics 绘制、事件处理、对象池，以及使用 Playwright 的 data-id 选择器进行端到端测试。核心原则是采用分层容器组合，并通过 ticker 驱动更新以同步 Colyseus 状态变化。
storybook-setup
Storybook 已安装后，用于为真实组件生成可用的 preview 文件与 stories 的技能；要求 Storybook 11.0 或更高版本，先执行官方 setup 命令，再严格按输出的 Markdown 步骤操作。
syncfusion-maui-toolkit-expander
Syncfusion .NET MAUI Expander（SfExpander）控件用于实现可折叠、可展开的内容区域，帮助构建节省空间、组织有序的界面。用户点击标题即可显示或隐藏内容，并带有平滑动画，适合手风琴布局、FAQ 和分组数据展示。该技能涵盖安装 Syncfusion.Maui.Toolkit NuGet 包、注册 Syncfusion 处理程序、创建 SfExpander 实例、定义 Header 与 Content 视图、通过 IsExpanded 控制初始状态，以及标题与内容自定义、动画与事件处理、外观与样式定制等主题。
syncfusion-maui-toolkit-popup
该技能用于在 .NET MAUI 应用中实现 Syncfusion Popup（SfPopup）控件，支持显示提示消息、自定义视图和模态对话框。提供灵活定位（居中、绝对坐标、相对视图、全屏）、可定制布局（页眉、正文、页脚及模板）、单按钮或双按钮外观模式、模态交互、内置动画（缩放、淡入淡出、滑动）、自动尺寸调整和 MVVM 数据绑定支持。适用于需要弹窗、覆盖层、确认框、加载指示、上下文菜单或全屏模态体验的场景。
syncfusion-winui-date-picker
Syncfusion WinUI DatePicker（SfDatePicker）是面向 WinUI 3 桌面应用的日期输入与选择控件，属于 Syncfusion.Editors.WinUI 包，命名空间为 Syncfusion.UI.Xaml.Editors。它把可编辑文本框与下拉日期微调器（spinner）结合，支持触摸操作、多种日期格式、日期范围限制、屏蔽特定日期、多种日历系统（如希伯来历、回历、波斯历等）、本地化与 RTL、掩码与自由编辑模式，以及下拉外观和微调单元格的自定义。控件提供 SelectedDate、AllowNull、MinDate、MaxDate、BlackoutDates、DisplayDateFormat、CalendarIdentifier、Language、EditMode 等属性，以及 SelectedDateChanged、SelectedDateChanging、DateFieldItemPrepared、DateFieldPrepared 等事件，可通过 XAML 或 C# 配置。适用于预约排期、预订系统、出生日期录入、多语言应用和品牌化界面等场景。