cometchat-theming
用于为 CometChat v3 集成自定义主题的技能：通过覆盖 CSS 变量级联，匹配应用设计系统，包含预设主题、品牌色覆盖、暗色模式与设计令牌提取。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
11,025 个结果
modal-specialist
modal-specialist 是面向无障碍弹窗的专业技能，覆盖对话框、抽屉、气泡层与遮罩层，重点处理焦点陷阱、焦点返回与关闭方式，确保叠加内容不困住用户。依据资料整理，未提供收费与安装信息。
cinematographic-websites
用于设计、实现和审查“电影感网站”的技能：以 Lenis 做平滑滚动、GSAP 与 ScrollTrigger 做滚动叙事，强调有意图的节奏、作者化视觉指导、响应式与无障碍。
tanstack-query-expert
TanStack Query（原 React Query）专家技能，用于在 React 与 Next.js 应用中构建异步状态管理与数据获取层，涵盖查询键设计、缓存失效、乐观更新、staleTime 配置及 Next.js App Router 服务端预取与注水（Hydration）模式。
okf-site-kit
将 Open Knowledge Format（OKF v0.1）知识包转换为可浏览静态网站的 Agent 技能。基于 Astro + Starlight 生成带搜索、导航与 OKF 元数据展示的站点，支持 GitHub Pages 部署与内容变更后重新生成。
frontend-design
一套面向生产级前端界面的设计技能，强调避免通用 AI 审美。它用 7 步流程（方向提案→方向文档+ADR→设计令牌→组件→审计）生成有明确观点的 UI，支持 React、Next.js、Tailwind 及原生 HTML/CSS/JS。
template-blog-docs
面向博客与文档的内容优先模板，强调可读排版与可导航结构。默认包含首页列表、文章页、分类/标签、文档导航、搜索与目录，基于 Next.js + MDX + Tailwind，关注阅读舒适度、可发现性、SEO 与内链质量。
framer
将设计令牌（design tokens）集成到 Framer 的方案，用于原型与生产站点保持样式一致。通过 CSS 自定义属性、Framer 覆盖（Overrides）和代码组件把设计系统引入 Framer，涵盖令牌导入、组件构建、主题切换与令牌同步流程。
nextjs-15
面向 Next.js 15 App Router 的开发规范技能，涵盖 Server Components、Server Actions、数据获取、API 路由、中间件与元数据等模式，并给出反模式与规则，用于构建 Next.js 应用时遵循。
zustand-5
面向 React 的 Zustand 5 状态管理技能，涵盖类型化 store、选择器、持久化、切片、Immer、DevTools 与组件外访问等模式，并给出反模式与规则。
firecrawl-parse
firecrawl-parse 是 Firecrawl 提供的本地文档解析技能，可将磁盘上的 PDF、DOCX、DOC、ODT、RTF、XLSX、XLS、HTML/HTM/XHTML 文件转换为整洁的 Markdown 并保存到本地。支持 AI 摘要与针对文档内容的提问，适合处理本地文件而非 URL。
code-architecture-tailwind-v4-best-practices
一份 Tailwind CSS v4 组件与按钮开发最佳实践指南，讲解何时直接用工具类、何时用 CVA 或 tailwind-variants 抽象变体，并涵盖 CSS 优先配置、data 属性状态管理、无障碍与 v3 迁移要点。
storybook-best-practice
用于创建或维护 Storybook Stories 的编写规范技能，帮助组件文档的命名、参数定义与装饰器配置符合项目 Storybook 编写标准。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
stitch-react-components
将 Stitch HTML/屏幕转换或同步为 React/Vite 组件的技能，触发于需要 token、组件 Props 和导航一致性校验时。shadcn 原语迁移、数据看板、React Native 或视频走各自规范入口。
stitch-shadcn-ui
面向 Stitch 来源 React 页面的 shadcn/ui 迁移技能：选择、迁移并验证 shadcn/ui 原语、主题与 registry 内容。首次通用 HTML 转 React 请用 stitch-react-components，本技能不自动迁移无关工程。
stitch-vue-element-components
将 Stitch 设计稿转换为模块化 Vite/Vue 3 与 Element Plus 组件的技能，通过 Stitch MCP get_screen 获取设计 JSON 与 HTML，强调 Vue SFC 结构、数据解耦与 Element Plus 组件规范。
astro-i18n
用于在 Astro 中实现国际化的技能，涵盖本地化路由策略、getRelativeLocaleUrl/getAbsoluteLocaleUrl、Astro.currentLocale 以及通过 sitemap 添加 hreflang；覆盖按语言翻译 Content Collections。
astro-styling
用于 Astro 组件样式处理的技能，覆盖组件作用域 CSS、CSS Modules、Tailwind CSS、UnoCSS、Sass、class:list 指令与全局样式等场景，帮助在 .astro 文件中按 Astro 特有的作用域语义组织样式。
dejank
用于检测和诊断 React 界面视觉抖动的技能，覆盖静态分析与运行时排查两种模式，帮助定位闪烁、布局偏移、中间态闪现等问题。
tailwind-shadcn-ui-setup
用于在 Next.js 16 App Router 项目中初始化与配置 Tailwind CSS（v3/v4）和 shadcn/ui 的技能，可自动安装依赖、生成组件、配置暗色模式与基础布局，并提供设计令牌、无障碍默认值与示例页面。
skillshare-ui-website-style
Skillshare 前端设计系统技能，用于统一 React 仪表盘（ui/）与 Docusaurus 网站（website/）两套前端的视觉与组件规范，涵盖设计令牌、组件库、页面结构、无障碍与反模式清单。
vitepress
VitePress 是基于 Vite 和 Vue 3 的静态站点生成器，将 Markdown 内容套用主题后生成静态 HTML，并作为 SPA 提供快速导航，适合文档、博客和营销站点。
vue
基于 Vue 3.5 的 JetBrains 技能资料，介绍 Composition API、script setup 宏、响应式系统与内置组件，适合编写 Vue 单文件组件时参考。