frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量。适用于构建 Web 组件、页面等场景，要求先确定大胆的美学方向，再实现可运行代码。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,881 个结果
playground
用于创建交互式单文件 HTML 探索器/工具的技能，带可视化控件、实时预览和可复制的自然语言提示词。
interaction-physics
Interaction Physics 是一个用于设计和实现 UI 动效层的技能，覆盖微交互、过渡、悬停/按压反馈以及动画时长与缓动曲线。它的核心原则是：每个动画都必须有明确用途——确认操作、引导注意力或解释状态变化，否则应删除而非调整。该技能会同时产出两份成果：一份项目级动画规范（保证后续动效一致）和范围内交互的实现代码。适用场景包括悬停/按压/焦点反馈、进入/退出过渡（模态框、提示、页面、列表项）、表单反馈动画、动画审计、时长与缓动选择，以及 prefers-reduced-motion 支持。实现上只动画 transform 和 opacity，避免动画布局属性，并要求提供 reduced-motion 降级、键盘焦点对等和闪烁频率限制。
polish
Polish 是一个用于功能收尾的打磨技能，对已完成功能做最终精修，涵盖对齐、状态、文案与过渡等微细节，适用于上线前审查；不适用于概念本身错误、需要重新设计的情况。
webflow-automation
该技能用于通过 Rube MCP（Composio）自动化 Webflow 的常见操作，包括 CMS 集合条目的创建、更新、列举与删除，站点发布，页面与 DOM 信息查看，资源（图片、文件）上传，以及电商订单读取。使用前需连接 Rube MCP 并在 RUBE_MANAGE_CONNECTIONS 中激活 webflow 工具包，且应先调用 RUBE_SEARCH_TOOLS 获取最新工具 schema。所有 Webflow ID 为 24 位十六进制字符串，CMS 字段需使用 field slug 而非显示名称，发布为生产操作且每分钟限一次。
taruvi-refine-providers
Taruvi Refine providers 是一个面向浏览器的前端技能，用于在 Taruvi 应用中接入 @taruvi/refine-providers 并配合 Refine 使用。它涵盖数据、存储、应用、用户四类 provider 的接线，以及 authProvider 和 accessControlProvider 的配置，并提供针对 Taruvi 的 Refine hook 用法。技能强调生产级默认实践，例如后端分页、服务端搜索过滤排序、使用 useDataGrid、通过数据提供器的聚合与分组实现仪表盘指标、网络搜索型下拉、多文件上传与分块批处理、批量操作与通知。它还给出契约规则：函数执行与分析执行使用 useCustom 并指定 dataProviderName 为 app、payload 传输入、meta.kind 区分 function 或 analytics；访问控制使用带前缀的 ACL 资源字符串并映射到规范 Cerbos 动作。此外列出客户端初始化示例、环境变量前缀要求，以及 401 与 403 区分、角色变更后缓存、异步函数返回 task_id、dataProviderName 缺失、aggregate 必须是数组等注意事项。
frontend-design
frontend-design 是一个指导创建独特、生产级前端界面的技能，强调在写代码前先做设计思考，避免平庸的“AI 粗糙”美学。适用于 Web 组件、页面、着陆页、仪表盘、React/Vue/原生 HTML/CSS 界面及 Web 视觉素材。
staggered-word-reveal
一个技能规范：为标题、引言或引语创建逐词淡入上浮的编辑级文字揭示动画。每个词随内容进入视口时依次淡入并上移归位，仅播放一次；提供 HTML 标记、CSS 过渡与 JavaScript 分词实现，含无 JS 回退与减弱动效支持。
phantom
面向 Solana 前端开发的技能，结合 Phantom Connect SDK 与 Helius 基础设施，覆盖 React、React Native 和浏览器 SDK 的集成、交易签名与提交、代币门控、NFT 铸造、加密支付、资产展示与实时数据等场景。
shadcn-svelte-inertia
面向 Inertia.js + Rails + Svelte（非 SvelteKit）的 shadcn-svelte（bits-ui）组件集成技能，涵盖表单、对话框、表格、Toast、暗色模式等，帮助把 SvelteKit 示例改写为 Inertia 写法。
magazine-layout
将文本内容转换为杂志风格 HTML 页面的技能，支持专业排版与 12 种视觉风格，可选用脚本导出 PDF。
instagram-replicate
将单个公开 Instagram 视频帖子或 Reel 冻结为可重复渲染的本地复刻：下载头像、封面与主视频，用本地 HTML/CSS 重建桌面端登出状态帖子界面，经 Playwright 录制后输出 MP4 与 GIF（GIF 控制在 24 MB 以内）。
motion
Motion（包名 motion，前身 framer-motion）是面向 JavaScript、React 和 Vue 的动画库，支持手势、滚动效果、弹簧物理与布局过渡，可用于拖拽、悬停、列表错峰等界面动效开发。
uniappx-project-creator
该技能用于从零创建 uni-app-x 项目，基于 Vue 3 + TypeScript + Vite，支持通过 CLI 或 HBuilderX 两种方式初始化，并包含 tsconfig.json 设置、manifest.json 与 pages.json 配置、项目结构模板，以及用 TypeScript 创建页面和组件。适用于需要快速初始化 uni-app-x 开发环境、生成项目模板或搭建标准目录结构的场景。
electrobun-native-ui
Electrobun 桌面应用的本地 UI 集成技能指南，涵盖 ApplicationMenu、ContextMenu、系统托盘、原生对话框、键盘快捷键与系统通知等原生能力的用法和代码示例。
remotion-saas
Remotion-saas 是 Remotion 官方生态中面向 SaaS 应用开发的能力说明，介绍如何用 Remotion 构建应用。它覆盖从简单表单触发渲染，到复杂视频编辑器的多种形态，并提供可直接克隆或作为参考的 SaaS 模板与框架选择指引。资料还说明了 Player 组件的用途，即在 React 应用中嵌入 Remotion 预览，以及渲染方案的分类，包括客户端渲染与服务端渲染，并涉及 Lambda、Vercel、Node.js、Cloudflare 等选项。此外，它提供了与 Vue、Angular、Svelte 等框架配合使用的文档链接。适合希望在自有 Web 应用中集成视频生成、预览与渲染能力的开发者参考。
react-testing-library
React Testing Library 技能，覆盖 React 组件与 Hook 测试的查询、异步、userEvent、Provider 与脆弱测试反模式，共 9 类 43 条规则，按影响优先级组织，用于编写与评审测试。
sveltekit-data-flow
SvelteKit 数据流指导技能，用于处理 load 函数、表单 action、服务端/客户端边界、序列化与失效（invalidation）等场景，帮助在 SvelteKit 项目中正确选择文件与数据加载方式。
integrate-uppy-transloadit-s3-uploading-to-nextjs
在 Next.js（App Router）中集成 Uppy Dashboard 与 Transloadit 上传，服务端生成签名，并可选通过 /s3/store 导出到 S3。
frontend-design
Vaadin 官方 agent-skills 中的前端设计技能，指导代理构建超越默认主题的 Vaadin 25 界面。基于 Aura 或 Lumo 主题系统，通过 CSS 自定义属性、组件主题变体与自定义 CSS 统一排版、配色、间距、阴影与动效。仅提供 Java 与 CSS 侧风格规则，不涉及收费或安装信息。
filament-pro
面向 Laravel TALL 栈的 Filament 专家级技能，聚焦 Filament v4/v5 的自定义数据源、嵌套资源与 AI 辅助后台管理面板，覆盖自定义表单字段、仪表盘可视化及性能与无障碍优化。
thinking-orbs
Thinking Orbs 是面向 React 18+ 的加载指示组件库，用透明 2D 画布绘制单色动态圆点，为聊天、Copilot、语音、搜索、生成等场景提供不确定性的 AI 活动与智能体状态反馈。提供六种状态与 20、64 两种预设尺寸。
site-architecture
网站信息架构与内链技能：用于URL层级设计、导航规划、主题聚类与枢纽-辐条（silo）结构、内链策略、爬取权重管理与架构审计，支持新站规划、现有站改版与URL重构。
dspy-fundamentals
DSPy 3.2.x 基础技能：用类型化 Signature、dspy.Module 子类与 Predict/ChainOfThought/ReAct/ProgramOfThought 等预测器编写惯用 DSPy 程序，并支持保存与加载。