web-3d-motion-hero
Apply the 3D and motion hero workflow derived from multiple published GoodCase examples. Use when planning, designing, or implementing a website in this…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
Frontend & websites
11,342 results
filament-dashboard
Use this skill whenever creating, editing, reviewing, or debugging a Filament dashboard or custom panel page that composes widgets, schemas, tabs, callouts,…
nuxt-design-tokens
Design tokens and theming via Tailwind 4 `@theme static` and Nuxt UI semantic classes. Use when registering custom type scales, motion curves, brand palettes,…
nuxt-realtime
Real-time features with Laravel Echo and WebSockets. Use when subscribing to channels, listening for events, implementing live updates, or managing channel…
nuxt-tables
Table components with column builder pattern and XTable. Use when creating data tables, defining columns with custom cells, implementing row actions, or…
impeccable
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…
design-taste-frontend-v1
The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is…
site-architecture
When the user wants to plan, map, or restructure their website's page hierarchy, navigation, URL structure, or internal linking. Also use when the user…
instagram-carousel
Generate professional Instagram carousels as self-contained HTML with export-ready 4:5 slides. Use this skill whenever the user wants to create an Instagram…
ppt-generator
Generate a minimalist, tech-inspired, vertical-screen HTML presentation in Steve Jobs style from the user's script with one click. Trigger this skill when the user needs to generate a PPT, presentation, Slides, or slideshow, or requests a tech-style/minimalist-style/Steve Jobs-style presentation. The output is a single, directly runnable HTML file.
react-native-best-practices
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving…
course-site-skill
Generate a static course/curriculum website from a folder of Markdown files. Use this skill whenever the user wants to: - Turn a folder of .md lesson files…
light-frontend-design
Unique, eye-catching, aesthetically pleasing, distinctive, beautiful and comprehensive frontend design. Use when the task involves frontend interfaces, project showcase pages, system demos, large-screen visualization, visualization platforms, WeChat Mini Program UI, mobile interfaces, design systems, Tailwind v4, shadcn/ui, Next.js, React, Vite, accessibility, motion, redesign audits. Not just usable, but good-looking, unified, clear, with highlights, with visual memory...
add-onboarding-tour
Add a first-run guided tour, product walkthrough, coachmarks, or empty-state mock/example data to a Lightdash frontend feature. Use when the user wants to…
inngest-durable-functions
Use when building functions that must survive process crashes, retry automatically on failure, run on a schedule, react to events, or maintain state across…
react-start
React bindings for TanStack Start: createStart, StartClient, StartServer, React-specific imports, re-exports from @tanstack/react-router, full project setup…
router-core
Framework-agnostic core concepts for TanStack Router: route trees, createRouter, createRoute, createRootRoute, createRootRouteWithContext, addChildren,…
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.
css-debug
Systematic CSS debugging. Covers specificity analysis, inheritance tracing, computed value inspection, layout debugging (overflow, unexpected sizing,…
css-expert
Expert CSS guidance for writing modern, performant, accessible CSS. Use when writing CSS, styling components, creating layouts, building themes, fixing visual…
html-artifact
Build single-file HTML artifacts and open them in the browser.
next-intl-app-router
Configures and uses next-intl for Next.js App Router with locale-based routing. Use when adding or changing i18n, locale routing, translations, next-intl…
building-with-lobe-ui
Build UI with the LobeHub design ecosystem — @lobehub/ui (plus its base-ui, chat, mobile, awesome, brand, mdx, i18n namespaces), @lobehub/icons,…
lobe-design
Build UI with the LobeHub design system — @lobehub/ui/base-ui, the controlled form at @lobehub/ui/base-ui/form, and the chat, mobile, dashboard, awesome,…