shadcn-vue
shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind. Use for accessible UI, Auto Form, data tables, charts, dark mode, MCP server setup, or…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,290 results
vite
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building…
vue
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel,…
vue-best-practices
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar,…
vue-testing-best-practices
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
vueuse-functions
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
modern-css-html
Modern CSS and HTML standards reference. Use this skill whenever writing CSS or HTML in any context — components, pages, layouts, animations, forms, dialogs,…
webapp
Use for fullstack web apps built with the bundled Express, Vite, React, Tailwind, and Drizzle template.
cfo-briefing
Generate daily CFO briefing for Ashley Murphy covering absence stats, department tickets, legislative fiscal updates, and K-12 finance news. Delivered via HTML…
design-taste-frontend
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that…
gpt-taste
Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial…
imagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate…
markitdown-converter
Convert PDF/Office/HTML/CSV/JSON/XML/images/audio/EPub/ZIP to clean Markdown via Microsoft MarkItDown; then optionally analyze. Use for bulk/mixed-format…
starter-kit-upgrade
Selectively pull upstream improvements from a Laravel starter kit (laravel/vue-starter-kit, laravel/react-starter-kit, laravel/svelte-starter-kit,…
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…
nuxt-components
Vue component patterns with Composition API and script setup. Use when creating components, understanding script setup order convention, organizing component…
nuxt-features
Feature module pattern organizing domain logic into queries, mutations, and actions. Use when implementing data fetching with filters, API mutations with…
unbrowse-browser
Route website tasks through the Unbrowse-backed browser path instead of legacy pixel automation.
gate-perf
Performance optimization. Optimizes site speed, Core Web Vitals, and load times. Use when the site is slow or the user wants to speed things up.
website-replication-skill
Use when benchmarking a competitor, replicating a legacy or partner website, matching product capabilities, reproducing workflow behavior with original…
extract-page-data
Extract structured data from any web page using Playwright — screenshots, design tokens, page text as Markdown, interactive element maps, and full page data…
figma-make-exporter
Complete this project's pages into a structure that can export Figma Make assets, and produce a directly downloadable `名称.fig` file; suitable for preserving the original Figma Make assets, synchronizing the export shell, and generating canvas.fig.
generate-theme
Collect design tokens from a web page and generate a complete DESIGN.md design specification document + Tailwind CSS theme file. Use when the user provides a URL and requests "extract theme", "generate design specification", "export design system", "extract this website's design tokens", "help me make a theme", or "analyze this page's design style". The output includes DESIGN.md (Google...
tool-ui-vue
Help developers use the tool-ui-vue (VTU) Vue 3 component library. TRIGGER this skill whenever the user asks about: - tool-ui-vue, VTU, or Vue Agent UI…