tailwind-impl-config-v4
用于在 Tailwind CSS v4 的 CSS-first 模式下配置与编辑样式表：编写入口 CSS、在 @theme 中定义设计令牌、用 @source 控制内容扫描、用 @utility 与 @custom-variant 扩展能力，并处理 @reference、@plugin、@config 等迁移场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
前端与建站
11,264 个结果
tailwind-impl-plugins-custom
Tailwind CSS 自定义插件编写技能，覆盖 v3/v4 的 JS plugin() API、v4 的 @utility 与 @custom-variant 指令，讲解静态工具类、组件类、基础样式、变体、函数式工具与带选项插件的写法及打包发布。
tailwind-impl-plugins-official
介绍 Tailwind CSS 四个官方插件（typography、forms、container-queries、aspect-ratio）的安装、配置与自定义方法，并区分 v3 与 v4 的差异：v4 中 container-queries 已内置、aspect-ratio 已弃用。
tailwind-syntax-dark-mode
Tailwind CSS 暗色模式技能包，指导在 v3 与 v4 项目中选用 media、class 或 data 属性策略，并一致地实现配置、标记、切换脚本与主题令牌替换。
tailwind-syntax-gradients
Tailwind CSS 渐变语法技能，覆盖 v4 的 linear、radial、conic 三类渐变、角度工具、色标位置与插值色彩空间（默认 oklab），并对比 v3 仅线性渐变加任意值的写法，含 v3 到 v4 的迁移重命名说明。
tailwind-syntax-state-modifiers
Tailwind CSS 状态与伪元素变体技能，覆盖结构位置、伪元素、表单状态、动效偏好、target、open、empty 等变体，并说明 v3 与 v4 差异及常见陷阱。
tools-ui
来自 ui.inference.sh 的 React/Next.js 工具生命周期 UI 组件，用于展示工具调用的等待、执行中、需审批、成功与失败等状态，包含 ToolCall、ToolResult、ToolApproval 等组件。
widgets-ui
widgets-ui 是来自 ui.inference.sh 的声明式 UI 组件方案，用 JSON 描述界面并在 React/Next.js 中渲染，适合把结构化智能体响应转成可交互界面。提供表单、按钮、输入框、布局、排版、徽章、图标、图片等组件类型。
architect-nextjs
architect-nextjs 是一套面向 Next.js 15+ 应用的架构规范技能，通过“作用域规则”与“尖叫架构”约束目录结构与组件放置。适用于新项目搭建和既有项目架构检查，强调 App Router、服务端优先与代码就近放置。
tailwind-design-system
Tailwind Design System（v4）是一个面向 Tailwind CSS v4 的设计系统构建技能，帮助创建组件库、设计令牌、响应式与无障碍组件，并支持从 v3 迁移与暗色模式。适用于标准化代码库中的 UI 模式。
capability-experiments
capability-experiments 是一个技能，用于探索和运用新一代模型的高级能力，包括生成自包含 HTML 报告、嵌入交互式问卷、主动研究与多步推理，适合需要呈现复杂分析、进行规格访谈或做架构决策的场景。
materials-properties
基于 ASE 的第一性原理材料性质计算助手技能，覆盖结构弛豫、表面能、吸附能、反应势垒、声子、弹性常数、缺陷能等，支持 EMT、GPAW、VASP、Quantum ESPRESSO 等计算器。
ui-design-token-refactor
用于将零散 CSS 或 Tailwind 样式重构为可维护的设计令牌（design token）体系的技能，涵盖审计、令牌分层、增量迁移与评审，适合需要系统化 Web UI 样式并便于后续智能体安全更新的项目。
tailwind-css-v4
Tailwind CSS v4 语法参考，说明其与 v3.x 的差异，涵盖 CSS 优先配置、@theme 主题变量、新特性与破坏性变更，适合在配置或迁移 Tailwind 时查阅。
primevue
PrimeVue 是面向 Vue 3 与 Nuxt 项目的组件库参考技能，覆盖安装配置、主题定制、表单、输入、按钮、数据表格、浮层、菜单、布局、媒体与指令等用法，并整理官方 LLM 文档与各主题参考文件。
figma-to-swiftui
将 Figma 设计稿转换为生产级 SwiftUI 代码的技能，通过 Figma MCP 工作流实现 1:1 视觉还原。适用于用户提供 Figma 链接或选中节点、需要为 iOS 项目生成或适配 SwiftUI 视图的场景。
frontend-design
Frontend Design 是一套面向前端界面视觉设计的指导技能，强调在构建新 UI 或重塑现有界面时做出有辨识度、有意图的设计决策。它把设计者当作小型工作室的设计负责人，要求围绕具体主题做出明确的调色板、字体与布局选择，并承担一个可被论证的审美风险。内容涵盖：以主题本身的世界（材料、器物、行话）作为设计灵感来源；英雄区作为论点开场；字体承载页面个性；结构装置应编码真实信息而非装饰；有节制地使用动效；复杂度与愿景匹配；以及文案作为设计材料来对待。流程上主张先头脑风暴出包含颜色、字体、布局与标志性元素的设计方案，再对照需求自检是否落入通用默认风格，确认独特性后才写代码，并在构建中持续自我批判。
md2html
md2html 是一个将 Markdown 文件转换为 HTML 的脚本工具，适用于用户需要“生成HTML”“转成HTML”“md转html”的场景。它通过命令行调用，可输出到同目录或指定路径，生成带响应式布局、代码高亮、表格与引用样式的 HTML。
frontend-design
frontend-design 是一个用于生成高设计质量、生产级前端界面的技能，帮助避免千篇一律的“AI 味”美学，强调明确的概念方向、大胆的视觉选择与细致打磨，适用于网页组件、页面与应用界面的构建。
shadcn-management
用于通过 MCP 工具管理 shadcn/ui 组件：搜索、查看、获取示例与安装命令，并支持多组件复杂 UI 构建与审计。
nextjs-16-specialist
面向 Next.js 16 全栈开发的技能，覆盖 React 19.2、TypeScript、Material-UI V7 与 Firebase，提供迁移、常见错误排查、缓存与路由优化等指导。
threejs-animation
Three.js 动画技能，聚焦在 Three.js 中实现关键帧动画、骨骼动画、变形目标（morph targets）与动画混合。资料说明其适用场景包括为对象制作动画、播放 GLTF 动画等。核心内容围绕动画系统三大组件展开：AnimationClip（关键帧数据容器）、AnimationMixer（在根对象上播放动画）、AnimationAction（控制单个片段的播放状态）。文档给出了从快速上手（Clock 驱动的过程式动画循环）到关键帧轨道类型（Number、Vector、Quaternion、Color、Boolean、String）的使用方法，并涵盖插值模式、淡入淡出与交叉淡化、GLTF 动画加载、骨骼与骨骼挂载点、变形目标权重控制、动画混合与additive 混合、动画工具函数（查找、子片段、转换为 additive、克隆、优化）以及过程式动画模式（平滑阻尼、弹簧物理、振荡）。同时提供若干性能建议，如共享片段、优化片段、离屏暂停、LOD 与限制活动 mixer 数量。
threejs-fundamentals
Three.js 基础技能，用于搭建 3D 场景。涵盖场景、相机（透视/正交/阵列/立方体相机）、渲染器、Object3D 层级、坐标系等核心概念，并提供快速上手代码。适用于初始化 3D 场景、创建相机与配置渲染器等任务。
enhance-web-instant-nav
enhance-web-instant-nav 是一个用于实现站内即时导航的前端技能（Skill），主要围绕 Speculation Rules（推测规则）、View Transitions（视图过渡）、bfcache（往返缓存）和 103 Early Hints（早期提示）四类浏览器能力展开。它适用于多页应用（MPA）和 Next.js App Router 的服务端渲染路由，不适用于纯 SPA 路由（后者应使用框架自带的预取 API）。该技能强调按概率×页面成本来排序预取与预渲染范围，并通过安全约束排除会因 GET 请求产生副作用的页面（如登出、购物车、结算、支付、认证等）。使用方式包括：先测量次页 LCP p75、bfcache 测试结果和 top 5 下一跳路径，再配置 speculation rules、加入服务端 Sec-Purpose 守卫和分析脚本守卫，最后重新测量效果。资料中还记录了可落地的示例和安全契约细节。