livewire-implementation-rules
Guidelines for developing modular, reusable Livewire components.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-31 00:15
Frontend & websites
11,329 results
nuxt
Use Nuxt Skill Hub guidance for Nuxt, Vue, Nitro, runtime config, page metadata, hydration, data fetching, Nuxt UI, Nuxt Content, Nuxt Studio, VueUse, and…
microfrontends
Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app…
diagram-maker
Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.
a11y-auditor
Scan HTML and JSX for accessibility issues and get fix suggestions. Use when you need to catch WCAG violations before they hit production.
ai-sdk-ui
Build React chat interfaces with Vercel AI SDK v6. Covers useChat/useCompletion/useObject hooks, message parts structure, tool approval workflows, and 18 UI…
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
deliberate-frontend-redesign
Generates a deliberately designed frontend aesthetic that avoids generic UI patterns. Use when the user explicitly requests to redesign a frontend by invoking…
frontend
Build polished user interfaces across web and mobile with consistent UX patterns.
pinch-to-post
Manage WordPress sites through WP Pinch MCP tools. Part of WP Pinch (wp-pinch.com).
swiftui-liquid-glass
Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing…
watch-my-money
Analyze bank transactions, categorize spending, track monthly budgets, detect overspending and anomalies. Outputs interactive HTML report.
hmos-multidevice-interaction-methods
HarmonyOS application multi-device interaction adaptation development solution skill, providing interaction solutions and unified strategies for multiple input methods such as touch, mouse, keyboard, and stylus. Call it when involving interactions with devices such as touch, mouse, keyboard, and stylus, as well as implementing features such as interaction normalization, hover effects, context menus, focus navigation, handwriting pad input, and pressure sensitivity.
hmos-multidevice-natural-orientation
Handle HarmonyOS device natural orientation, screen rotation, and window orientation adaptation across multiple device form factors. Use when the task involves…
openui-forge-elixir
OpenUI generative UI with Elixir Phoenix backend. Chunked SSE streaming via Plug.Conn and Req.
openui-forge-php
OpenUI generative UI with a PHP (Laravel 13.x) backend. Forwards OpenAI's SSE stream verbatim via response()->stream().
frontend-design-deslop
Use when a user builds or styles a web frontend or asks to make it not look AI-generated. Not for component-level UI work without the token system: use…
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
vercel-react-view-transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…
pencil-design-from-stitch-html
When you need to turn Stitch page HTML (or a Stitch URL) into a Pencil .pen design. Parses DOM and Tailwind, applies HTML→Pencil mapping and execution order,…
stitch-mcp-get-screen
Retrieve full details of a specific Stitch screen including HTML code, screenshot URL, and metadata. Use when you need to export screen code, analyze generated…
stitch-react-components
Convert Stitch designs into modular Vite/React components with validation and design token consistency. Uses Stitch MCP get_screen to retrieve design JSON and…
stitch-shadcn-ui
Expert guidance for integrating and building applications with shadcn/ui. Component discovery, installation npx shadcn@latest add customization, blocks, and…
stitch-ui-design-spec-bootstrap
Bootstrap-Vue (Bootstrap 5/Vue) design spec for Stitch screen generation. Use when the user mentions Bootstrap, bootstrap-vue, bs-vue, or bs5 in a Stitch…