hyperframes
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-26 00:15
Frontend & websites
11,097 results
website-to-hyperframes
Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn…
slack
Use when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
stitch-ui-contract-bootstrap
Bootstrap-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
stitch-ui-loop
Complete the authorized Stitch page build by carrying forward from .stitch/SITE.md, DESIGN.md, and next-prompt.md; triggered when the user asks to continue iterating through the backlog and hand off to the next page. Writing only prompts, planning, or running indefinitely in the background does not belong to this entry point.
stitch-ui-preview
Preview and compare existing Stitch UI exports across devices with synchronized scenes, themes and independent views. Use for local HTML preview boards,…
stitch-ui-react-components
Convert or sync Stitch HTML/screens to React/Vite components; triggered when token, component Props, and navigation consistency checks are needed. shadcn primitive migration, data dashboards, React Native, or video use their respective specification entry points.
stitch-ui-react-native-components
Convert Stitch screens to React Native or sync existing native components; triggered for iOS/Android View, Text, StyleSheet, and native navigation targets. React DOM or Vite web pages use stitch-ui-react-components.
stitch-ui-react-vite-dashboard
Implement Stitch designs as React/Vite data dashboards; triggers when TanStack Query, tables, filters, asynchronous states, and design token consistency are needed. Use stitch-ui-react-components only for ordinary presentational components; add on-chain reads only when explicitly requested.
stitch-ui-shadcn-components
Triggered when selecting, migrating, and validating shadcn/ui primitives, themes, and registry content for Stitch-sourced React pages. For initial generic HTML-to-React, use stitch-ui-react-components; do not automatically migrate unrelated projects.
stitch-ui-uview-plus-components
Convert Stitch designs into uni-app + Vue 3 + uview-plus pages and components. Use when the user mentions Stitch, uview-plus, up- components, or uni-app Vue 3…
stitch-ui-uview2-components
Convert Stitch designs into uni-app and Vue 2 and uView 2.0 pages and components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts;…
stitch-ui-vue-bootstrap-components
Convert Stitch designs into modular Vite/Vue 3 and BootstrapVue or BootstrapVueNext components. Uses [BootstrapVue Vue 3] support; Stitch MCP get_screen for…
stitch-ui-vue-layui-components
Convert Stitch designs into modular Vite/Vue 3 and Layui-Vue components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces…
stitch-ui-vue-vant-components
Convert Stitch designs into modular Vite/Vue 3 and Vant 4 mobile components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts;…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
tailwindcss
Expert Tailwind CSS assistance covering utility classes, responsive variants, arbitrary values, and configuration. Use when styling modern web applications…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
core-web-vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS",…
perf-expert
Comprehensive frontend performance auditing. Analyzes websites for Core Web Vitals, accessibility, and SEO issues, then delivers a clear actionable improvement…
lovable
Use this skill whenever building, editing, or reviewing user-facing software with Lovable — web apps, dashboards, marketing sites, SaaS surfaces, component…
frontend-security-coder
Expert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns. Use PROACTIVELY for frontend…
nextjs-application-performance
Design, measure, implement, review, and migrate Next.js application performance across App Router data paths, rendered UI, pnpm workspaces, compiler graphs,…
css-tokens
Design tokens system using CSS Custom Properties for consistent styling. Use for creating color palettes, spacing scales, typography systems, and theming…