flutter-build-responsive-layout
Flutter 自适应布局技能，指导使用 LayoutBuilder、MediaQuery 与 Expanded/Flexible 构建随窗口尺寸变化的界面，涵盖空间测量、约束、大屏优化与多输入支持。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
前端与建站
11,177 个结果
naive-icons
Naive Icons 是手绘 naive folk art 风格的 React + TypeScript SVG 图标库，共 163 枚，零运行时依赖，MIT 协议，npm 包名 naive-icons。适合 C 端产品、创作工具、社区内容教育类产品与营销落地页，不适合金融风控医疗法务、政企后台与数据密集表格。
helius-phantom
helius-phantom 是一套用于构建 Solana 前端应用（浏览器与移动端）的技能，结合 Phantom Connect SDK 与 Helius 基础设施，覆盖 React、React Native 和浏览器 SDK 集成、交易签名与提交、资产查询、实时数据、支付与 NFT 铸造等场景。
shopify-performance
面向 Shopify 店铺的性能优化技能，覆盖主题加载速度、图片与字体优化、JavaScript 与 CSS 精简、懒加载、CDN 与缓存策略、Liquid 模板渲染优化以及 Core Web Vitals（LCP、FID/INP、CLS）改进，适用于排查和提升 Lighthouse 或 PageSpeed 得分。
frontend-developer
面向现代 React 与 Next.js 开发的前端专家技能，覆盖 React 19、Next.js 15、状态管理、样式设计系统、性能优化、测试与无障碍等主题，帮助构建组件、响应式布局与客户端状态管理。
drupal-theme-review
Drupal Theme Review 是一个用于审查 Drupal 主题代码的技能，依据 Drupal 11 主题开发标准检查 Twig 模板、预处理函数、库定义、JavaScript 行为、单目录组件（SDC）、无障碍与响应式图片等。它按文件类型加载对应参考文件，输出关键问题、标准违规、建议和已确认的良好实践，并针对每项发现给出参考依据、问题代码片段和修正版本。
ui-ux-pro-max
UI/UX Pro Max 是一个可检索的 UI/UX 设计智能数据库，提供 50 种风格、21 套配色、50 组字体搭配、20 种图表建议、8 种技术栈最佳实践，以及产品推荐、UX 指南与常见反模式，帮助在设计与实现 UI 时做出更专业的决策。
implement-frontend
implement-frontend 是一个前端实现与重构技能，用于在现有技术栈内完成 UI、状态、数据、样式、无障碍、性能或桌面集成改动，强调先检测真实框架、最小化 DOM/CSS、明确布局归属并显式验证。
igniteui-react-components
介绍 Ignite UI for React（Igr*）组件的选择、安装与使用，涵盖包路由、主题 CSS、JSX 与插槽、事件、refs、表单和 TypeScript 等要点。
igniteui-react-customize-theme
介绍如何用 CSS 自定义属性为 Ignite UI for React 定制主题，包括品牌色板、深色模式、尺寸与间距、圆角、按组件令牌和局部作用域主题等。
shadcn-core-architecture
shadcn/ui 核心架构技能：说明 shadcn 是代码分发平台而非运行时组件库，通过 CLI 将 React 组件源码复制到项目，由使用者完全拥有并自由定制；包含安装命令、导入方式、版本管理与适用判断。
shadcn-errors-react-day-picker-v9
针对 shadcn Calendar 与 react-day-picker v9 的问题排查技能，提供 v8 到 v9 的属性重命名表、TypeScript 报错对照、症状修复矩阵和标准恢复流程，帮助定位日历静默失效、选择不更新、样式丢失与自定义组件不生效等问题。
shadcn-errors-styling-conflicts
针对 shadcn 组件 className 覆盖不生效、样式与类合并冲突的诊断技能，说明 cn() 用法、tailwind-merge 合并规则、cva 合并顺序及 Tailwind v3/v4 类语义差异，帮助快速定位重复工具类与覆盖失效的根因。
shadcn-impl-form-validation
面向 shadcn/ui 表单的端到端实现技能，组合 Form 组件、react-hook-form 与 zod，覆盖 schema 定义、字段绑定、提交处理、服务端错误映射、异步校验、文件上传与多步向导等完整工作流。
shadcn-impl-rsc-vs-client-boundaries
用于在 Next.js App Router 项目中接入 shadcn 组件时判断 RSC 与客户端边界：哪些原语可留在服务端、哪些必须加 "use client"、指令应放在文件树何处，以及 components.json 的 rsc 标志如何影响 CLI 生成结果。
shadcn-syntax-calendar-datepicker
面向 shadcn UI 的 Calendar 与 Date Picker 使用技能，讲解 react-day-picker v9 的 single/multiple/range 三种选择模式、DatePicker 的 Popover+Button+Calendar 组合写法，以及 v8 到 v9 的迁移与常见错误修复。
shadcn-syntax-command
shadcn/ui 的 Command 组件语法技能，讲解基于 cmdk 的命令面板与模糊过滤列表的九个组成部分、用法、决策树与常见陷阱，适用于添加、调试或重构 Command 原语。
shadcn-syntax-selectors
shadcn/ui 选择器决策技能：在 Native select、shadcn Select、Combobox 与 Command palette 四种取值控件间按用途正确选择，避免下拉冻结、表单状态丢失、焦点与移动端滚动陷阱等常见 UX 故障。
shadcn-syntax-toast-sonner
针对 shadcn ui 项目中通知提示的语法技能：2026 年起 Toast 仅使用 Sonner，Radix 版 Toast 与 useToast() 已移除；介绍挂载 <Toaster />、调用 sonner 的 toast() 及从 useToast 迁移的用法与限制。
nextstep-tours
用于在 Next.js 中基于 NextStep v2（nextstepjs）构建产品引导、上手流程与交互式教程的技能，强调以用户真实操作为推进条件的教学式步骤，而非普通欢迎弹窗。
javascript-react
面向 JavaScript 与 React 开发的专家级技能，强调现代语法、类型安全与性能优化。适用于编写闭包、Proxy、生成器等高级 JavaScript 模式，以及 React 组件、Hooks、状态管理与测试等任务。
explain-change
explain-change 是一个面向团队的技能：针对已解析的 git 范围生成一份自包含 HTML 说明包，写入 docs/explainers/，帮助队友理解改动。通过 /explain-change 运行，仅作共享理解用途，不作为合并、PR 或发布门禁。
remotion
面向 Remotion 视频创作的 React 最佳实践技能，涵盖合成、序列、动画、时间控制与渲染。适用于构建、审查或调试 Remotion 代码时获取领域知识。
react-performance-audit
React 渲染性能审计技能：当用户要求优化 React 性能、修复重复渲染或提升 UI 速度时，检查组件渲染问题，并给出 memoization、虚拟化、代码分割与 Suspense 边界的决策树与审计报告。