vunor
Use when working with Vunor, the Vue 3 + UnoCSS design system and component library. Covers presetVunor, vunorShortcuts/defineShortcuts/mergeVunorShortcuts,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-22 00:14
Frontend & websites
10,964 results
spartan-ng-developer
Generates Spartan/ng UI code and guidance for Angular projects using @spartan-ng/helm (styled components copied into the repo) and @spartan-ng/brain (headless…
build-mtng-tools-vue
Use mtng-tools-vue skill to start building
plan-mtng-tools-vue
Use mtng-tools-vue skill to start planning
svelte-meta-tags-companion
Use when writing or reviewing code that imports from svelte-meta-tags (MetaTags, JsonLd, deepMerge, defineBaseMetaTags, definePageMetaTags) in an…
seo-and-meta-tags-in-sveltekit
Provides SEO and Meta Tags guidelines in SvelteKit.
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…
peach-markitdown
Used when converting document files such as PDF/PPTX/DOCX/XLSX/HTML/CSV/JSON/XML/ZIP/EPUB/images to md. "Document md conversion", "pdf to markdown", "pptx to markdown", "docx to markdown", "document extraction", "backup solution md…
elite-accessibility
Motion accessibility and WCAG compliance for web animations. CRITICAL: This skill should be co-loaded with elite-gsap or elite-css-animations whenever…
html-design-examples
Reference gallery of polished single-file HTML artifacts demonstrating effective ways to communicate ideas through HTML. Use when the user wants to explain,…
fineui-datalist
Help developers use the FineUI DataList: static list items, data binding, custom text-and-image content, single and multiple selection, grouping, list navigation, and load more. For mobile lists, card-style lists, selectable data lists, and DataList/DataListItem-related questions. Covers F.js, FineUI.Pro, FineUI.Core...
fineui-panel
Help developers use FineUI's container components: Panel (panel, including toolbar/collapse/title tool icons/ContentPanel/GroupPanel), TabStrip (tabs, including iframe pages, dynamic add/remove), Accordion (accordion). Covers...
cursor-reveal-hero
Build, repair, tune, and validate interactive cursor-trail mask reveal hero effects in frontend projects. Use when implementing canvas-based base/reveal…
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…
syncfusion-aspnetcore-timepicker
Implements the Syncfusion ASP.NET Core TimePicker component (EJ2). Use this skill when the user needs to add a time picker, time selection input, time field,…
syncfusion-maui-toolkit-chips
Implements Syncfusion .NET MAUI Chips (SfChip or SfChipGroup). Use when working with chips, tags, tag controls, selection chips, input chips, or filter chips…
syncfusion-maui-toolkit-circular-charts
Implements Syncfusion .NET MAUI Circular Charts (SfCircularChart) including pie, doughnut, and radial bar chart types. Use when implementing circular data…
syncfusion-maui-toolkit-funnel-charts
Implements and customize Syncfusion .NET MAUI Funnel Charts (SfFunnelChart). Use when implementing funnel charts, sales funnel visualization, conversion funnel…
syncfusion-maui-toolkit-linear-progressbar
Implements Syncfusion .NET MAUI Linear ProgressBar (SfLinearProgressBar) control. Use when working with progress bars, progress indicators, loading indicators,…
syncfusion-maui-toolkit-picker
Implements Syncfusion .NET MAUI Picker (SfPicker) control. Use when working with picker controls, item pickers, selection pickers, multi-column pickers, or…
syncfusion-maui-toolkit-shimmer
Implements Syncfusion .NET MAUI Shimmer (SfShimmer) loading placeholder effects. Use when implementing shimmer or skeleton loading animations, loading…
syncfusion-maui-toolkit-spark-charts
Use this skill ALWAYS when the user needs to implement Syncfusion MAUI Spark Charts. Triggers on spark chart, sparkline, micro-chart, trend visualization, data…
minoan-frontend-design
Build distinctive, production-grade frontend interfaces — websites, landing pages, dashboards, React components, HTML/CSS layouts, editorial heroes with…
gluestack-accessibility
Use when ensuring accessible gluestack-ui implementations. Covers WAI-ARIA patterns, screen reader support, keyboard navigation, focus management, and WCAG 2.1…