frontend-ui-ux-engineer
面向前端界面与用户体验的工程技能，主打在没有设计稿时也能打造视觉出色的界面，强调样式、动画、微交互与无障碍规范，代码可读性可能稍弱但视觉产出优先。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-28 00:17
前端与建站
11,239 个结果
web-fetch
web-fetch 是一个网页内容抓取技能，通过 curl 与 html2markdown 配合 CSS 选择器，把 HTML 页面转换为干净、完整的 markdown 文本，适用于提取文档、文章和参考页面。
export-nextjs-handoff
将已验收的 Open Design 设计稿转换为 Next.js App Router 交接包，生成清晰的组件、样式与资源结构，并输出交接说明。
dotnet-blazor-components
面向 Blazor 组件开发的技能文档，讲解组件生命周期、状态管理（级联值、依赖注入、浏览器存储）、AOT 安全的 JavaScript 互操作、EditForm 验证与 QuickGrid，并说明不同渲染模式下的行为差异。
update-cnw-templates
用于将 nrwl 的 CNW（create-nx-workspace）模板仓库批量升级到指定 nx 版本的技能：通过 nx migrate 迁移、构建与脚手架验证后，为每个仓库创建草稿 PR。
html-presentation
基于 reveal.js 生成 HTML 演示文稿的技能，可将 Markdown 内容转为响应式幻灯片，支持主题、过渡、代码高亮、演讲者备注与 PDF 导出。
frontend-design
frontend-design 是一个用于创建独特、生产级网页界面的设计技能，强调有意图的美学方向，避免千篇一律的 AI 生成风格（如居中布局、Inter/Arial 字体、紫蓝渐变等）。
artifact-deck
artifact-deck 是一个生成单文件演示幻灯片的技能：输出始终是一个 .html 文件，内含多张幻灯片，用方向键切换，并支持点击圆点、哈希路由直达某页。适合快速做演示用的短稿，5 到 15 张幻灯片为合适区间。
artifact-explainer
artifact-explainer 是一个生成教学型 HTML 讲解文（explainer）的技能：输出始终是单个 .html 文件，用真实 jQuery UI 控件（手风琴、选项卡、工具提示）呈现渐进式披露的内容，适合讲清一个非平凡主题或做入门文档。
artifact-flow
artifact-flow 用于把多屏用户流程做成单个 .html 可点击原型：所有屏放在同一文件，通过热点点击与哈希路由切换，便于在功能开发前向干系人演示流程。
artifact-plan
artifact-plan 是一个规划类技能，用于把实现计划、方案对比表和路线图输出为单个 .html 文件而非 Markdown。它提供三种子类型模板，强调明确里程碑、日期、负责人、风险与开放问题，并要求给出推荐或承诺。
artifact-sandbox
artifact-sandbox 是一个用于生成单个 .html 文件的技能，输出一个可实时调参的 CSS/JS 技术演示沙盒。页面包含演示舞台、滑杆控制、实时源码预览和说明文档，适合调校动画缓动、过渡时长等参数，并生成可交付的动作规格。
geist
Geist 是 Vercel 面向开发者与界面设计的开源字体家族，含 Geist Sans、Geist Mono 与 Geist Pixel，优化 Next.js 排版并支持 next/font 零布局偏移加载。
huggingface-gradio
用于在 Python 中构建 Gradio 交互式 Web UI 与机器学习演示的技能，覆盖核心 API、组件、事件监听、布局和聊天机器人等用法。
satori
Satori 是 Vercel 推出的库，可将类 JSX 的 HTML 与 CSS 转换为 SVG，常用于为 Next.js 等框架生成动态 OG 图片；@vercel/og 在其上封装 ImageResponse，可将 SVG 渲染为 PNG 并在 Edge 运行时使用。
swr
SWR 是 Vercel 出品的 React 数据请求 Hooks 库，实现 stale-while-revalidate 缓存策略：先返回缓存再后台重新验证。提供 useSWR、useSWRMutation、useSWRInfinite、useSWRSubscription 等 API，支持缓存、重新验证、乐观更新、分页与实时数据。
url-to-code
url-to-code 是一个将在线网址克隆为可运行的纯前端本地应用的技能，仅限克隆或复刻用户拥有或获授权的站点。它会按桌面与移动端逐屏采集页面、交互与真实资源，构建本地原型并用设计 QA 校验通过后才交付，不包含新设计想法。
slack
在 OpenClaw 中通过 message 工具操作 Slack 的技能，支持发送、读取、编辑、删除消息，添加与查看表情回应，置顶/取消置顶与列出置顶，以及查询成员信息和自定义表情。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
tauri-app-localhost
这是一个用于 Tauri v2 的技能，帮助开发者在 Tauri 应用内通过 localhost 插件以本地服务器方式提供前端资源，适用于需要服务器环境的前端框架。技能说明了如何安装并注册 localhost 插件、指定固定端口、在 tauri.conf.json 中为生产环境配置前端 URL，以及区分开发模式（如 Vite 开发服务器端口 5173）与生产模式（localhost 插件固定端口）的访问方式。同时强调仅绑定 127.0.0.1 以防止本地服务器被外部访问，并建议审计访问模式以在生产构建中最小化暴露面。触发场景包括在 Tauri 应用中通过 localhost 提供前端、本地服务器暴露与端口配置、开发与生产环境下 localhost 行为的差异等。
tauri-app-positioner
tauri-app-positioner 是一个面向 Tauri v2 的技能，用于借助 positioner 插件将窗口定位到系统托盘或屏幕的相对位置，并支持多显示器场景。当用户需要让弹窗或托盘窗口贴近托盘图标、在多显示器之间对齐窗口，或希望在不同平台上保持一致的窗口摆放时，可使用该技能。它涵盖插件安装、在 Tauri builder 中注册插件、配置 capabilities 权限，以及在前端调用 moveWindow 配合 Position 枚举（如 TrayCenter、TopRight、BottomRight）进行定位。技能还提示处理多显示器时需判断托盘图标所在显示器并据此定位，并考虑 HiDPI 缩放因子对坐标计算的影响。
tauri-app-wasm
该技能用于在 Tauri v2 前端中通过 WebAssembly 运行 Rust 代码，适合把图像处理、加密、解析等 CPU 密集型计算从前端 JavaScript 卸载到 WASM，以提升性能。
frontend-design
用于创建或大幅重设计网页界面的前端设计技能，面向落地页、仪表盘、组件等 UI。强调在动手前先阅读产品、确立单一艺术方向、做反默认化审视，并在渲染后检查验证，保留原有技术栈与设计系统。
wp-blocks
WP Blocks 是一套面向 WordPress Gutenberg 区块开发、区块主题创建与 Interactivity API 的综合技能。目标环境为 WordPress 6.9+（PHP 7.2.24+）。内容分为五部分：区块开发（block.json 元数据、apiVersion 3、静态与动态渲染、包装函数、属性与序列化、InnerBlocks、弃用处理、PHP 注册）、区块主题（主题结构、theme.json v3、模板与模板部件、模式、样式变体、WordPress 6.9 新增的表单元素样式、边框圆角预设、按钮伪类）、Interactivity API（指令参考、store 模式、服务端渲染、水合规则、6.9 变更）、工具链（@wordpress/scripts、wp-env、调试常见问题）以及常见错误清单。适合需要构建自定义 Gutenberg 区块或区块主题的开发者参考。