smooth-shadow-ring
在已安装 shadow-plugin 的 Tailwind 项目中，为浮起表面（卡片、弹窗、下拉菜单、提示框等）提供平滑阴影+细环效果，避免 border/ring 与 shadow 叠加产生双边缘。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
前端与建站
10,940 个结果
immersive-3d-web
面向高端交互式 3D 网站建设的参考技能，基于 Three.js、React Three Fiber、drei 与 GSAP ScrollTrigger 官方文档整理，涵盖 WebGL 主视觉场景、滚动驱动镜头运动与产品级渲染的决策规则与常见失败模式。
iblai-profile
iblai-profile 是一个用于 Next.js 应用的技能，可添加用户资料下拉菜单和完整设置页，包含基本信息、社交链接、教育、经历、简历与安全等标签页。
react-component-generator
React Component Generator 是 Frontend Development 领域的自动激活技能，用于为 react component generator 相关任务提供自动化协助，可生成生产就绪的代码与配置并做基础校验。提及该名称或询问相关模式与最佳实践时会自动触发。
TailAdmin UI Patterns
TailAdmin UI Patterns 是一套面向仪表盘与管理后台的 TailAdmin 界面模式与 Tailwind CSS 类参考技能，强调在实现任何 UI 前先从官方仓库获取源码，避免猜测或自造类名。
2d-cutting-stock
面向二维切割下料（2D Cutting Stock）问题的技能，帮助把钢板、玻璃、木板、布料、纸张等大板材切割成矩形小件，以减少材料浪费和成本。资料涵盖问题分类、数学建模、两阶段断头切割启发式与列生成方法，并给出 Python 示例代码。
reactbits-ui-skills
React Bits UI 组件框架专家技能，用于在前端开发中优先选用 React Bits 组件库产出标准化 TSX 代码，支持自然语言需求解析并自动匹配动效组件组合，覆盖文字动画、动效、UI 组件与动态背景。
household-finance-dashboard-builder
用于家庭财务 JSON 数据仓库的静态仪表盘生成技能：产出单个自包含 HTML 文件，内联 D3.js 与数据，无需服务器即可在浏览器打开，包含净值、现金流、订阅、目标、资产配置与警报六个标准面板。
hugo-theme
面向 Hugo CMS 主题开发的中高级技能包，按任务加载参考文件，覆盖模板架构、资源管线、短代码与渲染钩子、内容组织与国际化、封面图、模块与性能、设计与无障碍、SEO 与 CI/CD 等主题。
tailwindcss
该技能用于使用 Tailwind CSS v4 与项目设计令牌为组件编写样式，强调优先使用工具类，同时保留 CSS 对主题令牌、基础规则及工具类难以清晰表达的样式的控制。它要求使用项目已安装的 Tailwind 版本和现有设计系统，主题感知的颜色、边框与状态应使用语义化令牌，并采用项目令牌来源与设计文档中的命名，而非假定通用的 shadcn 词汇。类名需保持完整且可静态发现，避免使用 bg-${color}-500 这类插值片段，应改用查找映射。长类名可分组以提升可读性，不设字符数门槛；组合变体或接受覆盖用 className 时使用项目的 cn/merge 辅助函数。特异性应通过样式设计与类合并解决，避免 !important，仅在仓库允许处使用 @apply。响应式布局应基于内容需求构建，保留可见的键盘焦点，并选用 v4 支持的实用工具而非照搬旧写法。验证通过仓库自身的质量门禁完成，复用其根/包命令与已有有效证据，样式改动不额外引入独立的 lint/typecheck 流程。修改某工具类或变体前应阅读 references/patterns.md，其中令牌名仅为示例，实际应使用真实主题清单。该技能明确排除纯 CSS、CSS-in-JS 及其他工具类框架。
clerk-react-patterns
面向 Vite/CRA 的 React 单页应用认证技能，基于 @clerk/react，涵盖 ClerkProvider 配置、useAuth/useUser/useClerk 钩子、React Router 受保护路由与自定义登录注册流程。
clerk-tanstack-patterns
面向 TanStack React Start 的 Clerk 认证模式技能，涵盖 beforeLoad 路由守卫、createServerFn 中的 auth()、loader 认证上下文与 Vinxi 的 clerkMiddleware 配置，并列出常见问题与修复方式。
fluentui-blazor
Microsoft.FluentUI.AspNetCore.Components 是微软推出的 Blazor UI 组件库（第 4 版）使用指南。该技能讲解如何在 Blazor 应用中正确引用和使用这套组件，涵盖服务注册、强制 Provider 组件、图标包、列表组件绑定、对话框、消息提示、主题令牌以及表单验证等核心用法，并指出若干常见误用模式。
gsap-frameworks
面向 Vue、Nuxt、Svelte 等非 React 框架的 GSAP 官方技能，讲解组件生命周期中的动画创建、选择器作用域限定与卸载清理，并给出 Vue 3、Nuxt 4、Svelte 的可运行示例与插件懒加载写法。
gsap-utils
gsap-utils 是 GreenSock 官方提供的 GSAP 技能（skill），用于 gsap.utils 工具函数集。它涵盖 clamp、mapRange、normalize、interpolate、random、snap、toArray、wrap、pipe 等纯函数辅助方法，无需注册即可使用，可写在 tween 参数、ScrollTrigger 或 Observer 回调以及任何驱动 GSAP 的 JavaScript 中。这些工具用于动画中的数学计算、数组与集合处理、单位解析和数值映射，例如把滚动位置映射为动画值、随机化、吸附到网格、归一化输入等。它常与 gsap-core、gsap-timeline、gsap-scrolltrigger 搭配使用，CustomEase 等缓动工具则属于 gsap-plugins。官方文档地址为 https://gsap.com/docs/v3/HelperFunctions。
PR Review
面向 Angular 仓库的 PR 审查技能，提供审查准则与配套工具，覆盖提交信息、性能、测试、API 设计、包体积等关注点，并区分本地与远程两种审查流程。
reference-signal-forms
解释 Angular 实验性信号表单（packages/forms/signals）的心智模型与架构：以 WritableSignal 为唯一数据源，表单作为其投影，通过 Proxy 的 FieldTree 懒解析嵌套字段，用 Schema 定义校验与状态规则，[formField] 指令连接 DOM 与 FieldNode。
threejs-fundamentals
Three.js 基础技能，用于搭建 3D 场景。涵盖场景、相机（透视/正交/阵列/立方体相机）、渲染器、Object3D 层级、坐标系等核心概念，并提供快速上手代码。适用于初始化 3D 场景、创建相机与配置渲染器等任务。
threejs-interaction
Three.js 交互技能，聚焦于在 Three.js 场景中处理用户输入与对象交互。内容涵盖射线检测（Raycaster）实现点击拾取、鼠标与触摸坐标转换、多种相机控制器（OrbitControls、FlyControls、FirstPersonControls、PointerLockControls、TrackballControls、MapControls、TransformControls、DragControls）、对象选择与悬停高亮、框选、键盘输入、世界坐标与屏幕坐标互转、射线与平面求交，以及事件处理与性能优化建议。适用于需要在 3D 场景中实现点击检测、相机控制、对象拖拽与选择等交互功能的开发场景。
etsy-listing-generator
基于 HTML 模板与 Playwright 截图渲染生成 Etsy 商品主图的工具，支持单张与批量渲染，可自定义标题、副标题、徽章文字与输出文件名。
review-react
review-react 是一个仅针对 React 框架约定的代码审查技能，检查组件设计、Hooks 正确性、状态管理、渲染性能、副作用与数据获取、路由与代码分割以及无障碍性，并输出 findings 列表。它不负责范围选择、安全或架构分析。
theme-shopify-section-structure
Shopify主题section结构规范：规定section的Liquid、CSS、JS文件组织方式，CSS与JS引入写法，以及schema中必须包含的内边距设置。
search-params
用于管理 URL 查询参数与哈希状态的技能，涉及 useSearchParams、setSearchParams、useSearchParamState 等钩子，并给出 replace 与 push 的选择准则，避免页面内状态污染浏览器历史记录。
shopify
这是一个面向 Shopify 平台开发的技能指南，覆盖应用、扩展、主题与 API 集成。栈包括 Shopify CLI、GraphQL/REST Admin API、Polaris UI 与 Liquid 模板语言。主要能力：应用开发与 OAuth、多种扩展类型（Checkout UI、Admin UI、POS UI、Customer Account、Theme App Extensions）、主题开发与部署，以及常见开发模式、最佳实践与排错方法。提供 CLI 安装与初始化命令、代码片段（GraphQL 查询、React 结账扩展、Liquid 商品展示）及参考资料链接。