eleventy
Build content-focused websites with Eleventy (11ty). Use when creating templates (.njk, .liquid), working with data cascade, collections, or deploying static…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,292 results
forms
HTML-first form patterns with CSS-only validation. Use when building accessible forms with the form-field custom element, output element for messages, and…
icons
Use consistent Lucide icons with the <icon-wc> component. Use when adding icons to pages, buttons, or UI elements.
javascript-author
Write vanilla JavaScript for Web Components with functional core, imperative shell. Use when creating JavaScript files, building interactive components, or…
metadata
HTML metadata and head content. Use when writing or reviewing page head sections including SEO, social sharing, performance hints, and bot control.
observability
Implement error tracking, performance monitoring, and user issue detection. Use when adding error handling, Web Vitals reporting, or debugging production…
open-props
Use Open Props CSS custom properties for consistent design tokens. Use when setting up design systems, choosing spacing/color values, or wanting battle-tested…
performance
Write performance-friendly HTML pages. Use when optimizing page load, adding resources, configuring caching, or improving Core Web Vitals scores.
print-styles
Write print-friendly CSS using @media print. Use when creating printable pages, invoices, receipts, articles, or any content users might print.
sanity-cms
Integrate Sanity headless CMS for content management. Use when building content-driven sites with structured content, requiring an editor UI, or needing…
site-scaffold
Generate standardized static site structures. Use when creating new websites, setting up demos, or need consistent site structure with SEO, PWA, and…
state-management
Client-side state patterns for Web Components. Use when building interactive applications requiring state synchronization, reactive updates, or undo/redo…
typography
CSS typography patterns for readable, beautiful text. Covers type scale, hierarchy, rhythm, font pairing, text-wrap, hanging punctuation, and OpenType features.
vue-best-practices
Vue 3 and Vue.js best practices for TypeScript, vue-tsc, and Volar. This skill should be used when writing, reviewing, or refactoring Vue components to ensure…
react-router-v7
React Router v7 full-stack development with SSR. Use when working with routes, loaders, actions, SSR, Form components, fetchers, navigation guards, protected…
vue-ai-apps
Building AI/LLM and agent apps with Vue 3 and Nuxt: streaming chat UIs, the Vercel AI SDK (`ai` + `@ai-sdk/vue`), `useChat`, tool calling, structured output,…
vue-jsx-best-practices
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
vue-options-api-best-practices
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
vue-pinia-best-practices
Pinia stores, state management patterns, store setup, and reactivity with stores (Pinia 2-4: store API unchanged; v4 is ESM-only and requires @vue/devtools-api…
vue-router-best-practices
Vue Router 4/5 patterns, navigation guards, route params, file-based routing, and route-component lifecycle interactions.
vue-testing-best-practices
Use for Vue.js testing. Covers Vitest 4, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
traditional-chinese-humanizer
Use when producing, editing, or reviewing Traditional Chinese content for Taiwan-facing professional, product, proposal, report, documentation, website,…
rdc-react
Use @data-client/react hooks - useSuspense, useQuery, useCache, useLive, useDLE, useSubscription, useController for fetch/mutations, DataProvider,…
rdc-react-testing
Test @data-client/react with renderDataHook - jest unit tests, fixtures, interceptors, mock responses, nock HTTP mocking, hook testing, component testing