hyperframes
HyperFrames 是一个以 HTML 为视频内容源的创作框架：用 data-* 属性控制时间轴、GSAP 驱动动画、CSS 负责外观，框架统一处理片段可见性、媒体播放与时间线同步，可制作视频合成、动画、标题卡、叠加层、字幕、旁白、音频响应视觉与转场。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-26 00:15
前端与建站
11,097 个结果
website-to-hyperframes
将网站抓取后生成 HyperFrames 视频的技能，适用于用户提供 URL 并希望产出产品发布、社交广告或产品导览视频的场景。
slack
通过 OpenClaw 的 slack 工具控制 Slack，支持表情回应、消息收发编辑删除、置顶管理、成员信息与自定义表情查询，使用为 OpenClaw 配置的机器人令牌。
stitch-ui-contract-bootstrap
面向 Stitch 的 Bootstrap-Vue 设计规范技能，输出硬约束前缀或选择器 JSON 与拼装后的提示词。仅在用户明确提到 Stitch 时使用，不生成业务页面代码。
stitch-ui-loop
Stitch 有限页面构建循环技能：依据 .stitch/SITE.md、DESIGN.md 与 next-prompt.md 接力完成已授权的 Stitch 页面构建，按 backlog 迭代并交接下一页。仅写提示词、规划或无限后台运行不属于本入口。
stitch-ui-preview
Stitch UI Preview 是一个本地预览与对比技能，用于把已有的 Stitch 界面导出文件搭建成可点击的对照台，同步切换场景与主题，检查 Phone/Pad 等设备的布局差异，并交付可复制运行的评审附件。
stitch-ui-react-components
将 Stitch HTML/屏幕转换或同步为 React/Vite 组件的技能，触发于需要 token、组件 Props 和导航一致性校验时。shadcn 原语迁移、数据看板、React Native 或视频使用各自规范入口。
stitch-ui-react-native-components
将 Stitch 屏幕转换为 React Native 组件，或把现有原生组件与 Stitch 主题同步；适用于面向 iOS/Android 的 View、Text、StyleSheet 与原生导航场景。React DOM 或 Vite Web 页面应改用 stitch-ui-react-components。
stitch-ui-react-vite-dashboard
把 Stitch 设计稿实现为 React/Vite 数据看板的前端技能，适用于需要 TanStack Query、表格、筛选、异步状态与设计 token 一致性的场景。普通展示组件改用 stitch-ui-react-components，链上只读数据仅在明确请求时加入。
stitch-ui-shadcn-components
用于将 Stitch 来源的 React 页面中的组件选择、迁移并验证为 shadcn/ui 原语、主题与 registry 内容。首次通用 HTML 转 React 应改用 stitch-ui-react-components，本技能不自动迁移无关工程。
stitch-ui-uview-plus-components
将 Stitch 设计稿转换为 uni-app + Vue 3 + uview-plus 页面与组件的技能，默认使用 up-* 组件、rpx 与主题变量，适用于用户明确提到 Stitch、uview-plus、up 组件或 uni-app Vue3 转换的场景。
stitch-ui-uview2-components
将 Stitch 设计转换为 uni-app + Vue 2 + uView 2.0 页面与组件的技能。通过 Stitch MCP get_screen 获取屏幕元数据与 HTML，用脚本可靠下载，并强制 uni-app 页面结构与 uView 2 的 u-* 组件契约。仅在用户明确提到 Stitch 时使用。
stitch-ui-vue-bootstrap-components
将 Stitch 设计转换为模块化 Vite/Vue 3 与 BootstrapVue 或 BootstrapVueNext 组件的技能，仅在用户明确提到 Stitch 并需转换到 Vue 3 + Bootstrap 时使用。
stitch-ui-vue-layui-components
将 Stitch 设计稿转换为模块化 Vite/Vue 3 与 Layui-Vue 组件的技能，通过 Stitch MCP 获取屏幕元数据与 HTML，并用脚本可靠下载，强制 Vue SFC 结构与 Layui-Vue 组件契约。
stitch-ui-vue-vant-components
将 Stitch 设计稿转换为模块化 Vite/Vue 3 + Vant 4 移动端组件的技能，通过 Stitch MCP 获取屏幕元数据与 HTML，强制 Vue SFC 结构与 Vant 4 组件契约。
frontend-design
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
tailwindcss
Tailwind CSS 是一个实用优先（utility-first）的 CSS 框架，用于快速构建现代响应式网页界面，支持 v4 的 CSS 优先配置、响应式变体、暗色模式、容器查询与设计令牌等能力。
frontend-design
frontend-design 是一个用于构建独特、生产级前端界面的技能，强调高设计质量，避免常见的“AI 味”审美。适用于用户要求创建 Web 组件、页面或界面时，指导实现可运行代码并注重美学细节与创意选择。
core-web-vitals
面向网页性能与搜索排名的 Core Web Vitals（LCP、INP、CLS）优化指南，提供三项指标的阈值、常见问题、排查代码与优化清单，适用于改善页面体验的开发者。
perf-expert
一款面向前端性能审计的 AI 技能，可分析网站的 Core Web Vitals、无障碍与 SEO 问题，输出按严重程度分级、含代码位置与预期收益的可执行改进计划。
lovable
Lovable 开发与设计技能指南，用于在用 Lovable 构建、编辑或审查 Web 应用、仪表盘、营销站点与 SaaS 界面时，遵循一套统一的 UI/UX 与代码组织规范。
frontend-security-coder
面向前端开发的安全编码技能，专注 XSS 防护、输出净化与客户端安全模式，涵盖安全 DOM 操作、CSP 配置、输入校验、点击劫持防护、安全重定向、令牌存储与第三方集成安全等实战编码内容。
nextjs-application-performance
面向 Next.js 应用性能的技能包，覆盖 App Router 数据路径、渲染 UI、pnpm 工作区、编译图与生产运行时，提供设计、实现、审查、迁移、监控五类任务指引，强调有界数据读取、授权正确性与可验证的性能证据。
css-tokens
css-tokens 是一套基于 CSS 自定义属性（Custom Properties）的设计令牌系统，用于创建一致的样式体系，适用于配色方案、间距尺度、排版系统与主题切换等场景。