tailwind-css-patterns
Tailwind CSS 实用类优先样式的模式指南，基于 v4.1+，涵盖响应式布局、暗色模式、组件与表单模式、性能与可访问性，并提供配置与排错建议。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,329 个结果
frontend-slides
frontend-slides 是一个用于创建零依赖、动画丰富的 HTML 演示文稿的技能，可从零生成或转换 PowerPoint 文件。生成的演示文稿为单个 HTML 文件，内联 CSS/JS，直接在浏览器运行，无需 npm 或构建工具。
landing-page-builder
一个用于生成高端、以转化为目标的落地页的 AI 技能，输出为使用 Tailwind CSS CDN 的独立 HTML 文件，内置基于指标的设计规则以规避通用模板感，默认韩语内容与 Pretendard 字体。
landing-page-upgrader
用于把已有 HTML/CSS 落地页升级为高质感韩式落地页的技能。它先扫描并诊断现有页面，再针对排版、配色、布局、交互、韩文文案、组件与代码质量做定点改进，而非重写。
content-blog
面向韩国主流博客平台的内容创作技能，可生成含标题、目录、正文、CTA 与 SEO 元信息的可直接发布稿件，适配 Naver、Tistory、Brunch、WordPress、Ghost 等平台。
doc-html-report
将 Markdown 报告转换为单文件、自包含 HTML 的渲染技能，可在浏览器直接打开，支持邮件附件、打印与离线查看。提供 status、incident、plan、explainer、financial、pr 六种报告模式，图表用内联 SVG 绘制，不外用图表库。
doc-html-slide
doc-html-slide 是一个把演示幻灯片制作成单文件、自包含 HTML 的技能。它继承 doc-html-report 的零依赖、内联 SVG 与设计系统令牌架构，产出 16:9 幻灯片序列并内置原生 JS 放映运行时。信息图由内联 SVG 直接绘制，实拍与插画图像按允许的后端生成，可选链式产出可编辑 PPTX。
education-learning-material
将调研内容渲染为单一 HTML 学习资料的技能。按学习目标→核心概念→图示→示例→复习的结构组织，按需注入 Mermaid 图示、ECharts 图表、KaTeX 公式与 highlight.js 代码高亮；纯文本内容不注入任何 JS。
setup-remotion
一次性初始化技能：为仓库搭建 remotion-videos 目录（含 shared 设计套件与 inspirations 参考素材目录），并把 Remotion 项目组织约定追加到 CLAUDE.md。
coming-out-rehearsal
用于准备和演练出柜对话的技能，根据具体对象和真实风险定制开场白与脚本，并提供安全规划与事后应对方案。
frontend-design
该技能用于生成看起来经过设计的前端 UI：先建立明确的 token 系统（字号、间距、颜色角色、圆角与阴影），再产出可运行代码，并包含 hover、focus-visible、disabled、empty、loading、error 等真实状态，避免默认蓝、杂乱内边距和缺乏层级。
leafygreen-authoring
面向使用 @leafygreen-ui 包的 React 项目的编写规范技能，在编写或编辑 .tsx/.ts 组件时自动触发，指导优先使用 LeafyGreen 组件、命名导入、设计令牌与文件结构约定。
svelte-skills
Svelte 技术栈完整技能库，涵盖 Svelte 5 核心概念、Runes 系统、模板语法、控制流、指令、样式与状态管理等，用于开发 Svelte 应用或学习该框架时参考掌握。
react-email
React Email 是用 React 组件构建和发送 HTML 邮件模板的工具，兼容主流邮件客户端。提供开发预览服务器、Tailwind 样式支持、渲染为 HTML 或纯文本、可视化邮件编辑器，并可与任意邮件服务商集成发送。
resend-cli
Resend CLI 是一个在终端操作 Resend 邮件平台的命令行工具，可发送邮件（含 React Email .tsx 模板）、管理域名、联系人、广播、模板、Webhook 等，并支持非交互式 JSON 输出，便于脚本与 AI 智能体调用。
web-design-guidelines
这是一个为 Web 界面设计、实现与审查提供统一指导的技能。它汇总了一套共享的 UI 指南，按需切换设计、应用与审查三种模式，帮助在创建、重设计、修改或审查前端时保持视觉方向、可访问性、布局与组件规范一致，避免把局部修改扩大为全面重设计，也避免在仅审查时擅自改动代码。
react-patterns
React 前端开发模式技能，涵盖 Hooks、状态管理、自定义 Hook、性能优化与常见反模式，适用于构建 React 组件、编写自定义 Hook、管理状态或优化性能时。
vue-patterns
面向 Vue 3 的前端开发模式技能，涵盖 Composition API、Pinia 状态管理、composables、数据获取、表单校验与性能优化，在构建 Vue 3 组件或优化性能时触发，即使未明确提及 Vue patterns 也适用。
pp-qsys
Q-SYS 设备文档离线索引 CLI，将 qsys.com、help.qsys.com、support.qsys.com 三站资料抓取到本地 SQLite，按产品合并，离线回答规格、配置、接线、兼容性与故障问题，面向 AV 集成商与调试人员。
impeccable
impeccable 是一个前端设计技能，用于生成有辨识度、生产级质量的前端界面，避免常见的“AI 味”审美。它要求先确认设计上下文，再确定大胆的美学方向，并给出排版、配色、布局、动效、交互、响应式与文案等具体规范。
optimize
一个用于诊断和修复 UI 性能问题的技能，覆盖加载速度、渲染、动画、图片和打包体积等方向。当用户提到「慢」「卡顿」「不流畅」等性能相关诉求时使用。其核心方法是先测量再优化，避免过早优化，并通过前后对比验证改进效果。
ui-visual-debugging
用于修改或视觉调试 Nango 前端 UI 的技能，覆盖 packages/webapp、packages/connect-ui 及浏览器交互与截图，强调使用受控或无头浏览器、产物存放于 .context/。
maintainable-frontend-styles
用于 React、Next.js 和 Vite 应用的可维护样式实现、评审与重构技能；指导在 Tailwind CSS、CSS Modules、SCSS 与全局样式之间按优先级选择方案，强调沿用仓库约定、改动前获批、严格验证。
split-ui-components
面向前端组件化框架的 UI 组件边界分析与拆分技能，提供 React 专项指导，用于分析现状、规划边界、实施拆分与评审代码，强调按业务语义、变化原因和状态所有权选择最小充分边界，而非按行数或 props 数量判断。