animate
Generate on-page animations for React/Next.js marketing sites using a CSS-first, Motion-surgical approach. Use when creating entrance animations,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
Frontend & websites
11,242 results
remotion-best-practices
Best practices for Remotion - Video creation in React
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,…
nextjs-reviewer
Review Next.js App Router code for optimal Partial Prerendering (PPR), caching strategy, Suspense boundaries, and React Query integration. Ensure adherence to…
website-generator
Use when the user asks to create a website, build a site, generate a landing page, or mentions B12. Trigger phrases: "create a website", "build me a…
el-avatar
Avatar component for representing people or objects with images, icons, or characters. Invoke when user needs to display user avatars, profile pictures, or…
el-badge
Badge component for displaying numbers or status marks on buttons and icons. Invoke when user needs to show notification counts, status indicators, or…
el-button
Button component with various types, sizes, and styles. Invoke when user needs to implement buttons, button groups, or customize button appearance.
el-carousel
Carousel component for looping images or texts in limited space. Invoke when user needs to display image sliders, content carousels, or rotating banners.
el-cascader
Cascader component for hierarchical option selection. Invoke when user needs to select from multi-level data like regions, categories, or organizational…
el-container
Container components for scaffolding basic page structure with header, aside, main, and footer sections. Invoke when user needs to create page layouts.
el-datetime-picker
DateTimePicker component for selecting date and time together. Invoke when user needs to select both date and time in a single picker.
el-descriptions
Descriptions component for displaying multiple fields in list form. Invoke when user needs to display detailed information, product specifications, or profile…
el-empty
Empty component for placeholder hints in empty states. Invoke when user needs to display empty data states, no results found, or placeholder content.
el-message
Message notification component for displaying feedback messages. Invoke when user needs to show success, warning, error, or info messages.
el-page-header
PageHeader component for page navigation headers. Invoke when user needs to create page headers with back navigation, breadcrumbs, or title sections.
el-popconfirm
Popconfirm component for simple confirmation dialogs. Invoke when user needs to confirm actions before execution, like delete operations or irreversible…
el-result
Result component for feedback on operation results. Invoke when user needs to display success, error, warning, or info result pages with custom content.
el-select-v2
Virtualized Select component for large datasets. Invoke when user needs to select from thousands of options with virtual scrolling for performance.
el-steps
Steps component for guiding users through processes. Invoke when user needs to display step progress, wizard interfaces, or process workflows.
el-text
Text component for text display with styling options. Invoke when user needs to display styled text, truncated text, or text with semantic types.
el-time-picker
TimePicker component for time input. Invoke when user needs to select time values, time ranges, or limit time selections.
el-time-select
TimeSelect component for selecting from fixed time options. Invoke when user needs to select from predefined time slots or schedule times.
el-tour
Tour component for guiding users through products. Invoke when user needs to create product tours, onboarding guides, or feature walkthroughs.