largest-contentful-paint
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize largest contentful paint. Verify the actual bottleneck in DevTools,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-25 00:14
Frontend & websites
11,088 results
checkbox
Use when implementing enable single or multiple selections.
hambuger-menu
Use when you need to display a menu icon for mobile devices.
image-gallery
Use when you need to display and browse image collections.
load-more
Use when implementing load additional content on user demand.
loading-indicator
Use when implementing show users that content is being loaded.
megamenu
Use when you need to display a large number of links in a single menu.
multi-select-input
Use when you need to choose multiple items from a list.
phone-number
Use when implementing format and validate phone numbers.
popover
Use when you need to display focused content or actions.
prompt-input
Use when implementing enhanced text inputs for AI prompts.
rich-text-editor
Use when implementing edit and format text content.
signature-pad
Use when implementing allow users to sign their name.
textarea
Use when implementing multi-line text input for longer content.
time-input
Use when implementing enter time in a structured format.
video-player
Use when implementing video playback with controls.
vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
frontend-inferencer
Infers frontend technologies including React, Angular, Vue, jQuery, Bootstrap, etc.
svelte-component-factoring
Apply ownership-first Svelte component factoring rules. Use when creating, splitting, composing, or reviewing Svelte components; moving remote functions/state…
html-markup
Write semantic, accessible HTML5 markup following best practices for structure, SEO, and accessibility. Use when creating HTML templates, fixing markup issues,…
base-ui-guide
Guide for Base UI (@base-ui/react), an unstyled React component library for building accessible UIs. Use when user asks to "build a component with Base UI",…
tw-blocks
Semantic spacing system for Tailwind CSS v4 using block (32px) and tab (4px) units. Use when building UIs with consistent spacing, dashboards, admin panels,…
tailwind-theme-builder
Set up a Tailwind v4 + shadcn-vue themed UI. Workflow: install dependencies, configure CSS variables with @theme inline, set up dark mode, verify. Suitable for initializing a project with Tailwind v4, configuring the shadcn-vue theme, or fixing color failures, tw-animate-css errors, @theme…
vue-router-best-practices
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.