enable-shopify-cms
Wire Shopify metaobjects as the CMS for homepage and marketing page content. Adds GraphQL queries for cms_homepage and cms_page metaobject types and transforms…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Frontend & websites
11,276 results
vue
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel,…
component
Build accessible, headless UI components with modern architecture patterns. Use when creating component libraries, design systems, or reusable UI primitives.…
advanced formily patterns
This skill should be used when the user asks to "implement dynamic forms", "formily complex forms", "formily conditional fields", "formily nested forms",…
formily core fundamentals
This skill should be used when the user asks to "learn formily basics", "setup formily", "formily core concepts", "formily getting started", "formily…
templ-http
Integrate templ components with Go HTTP server using net/http. Use when connecting templ to web server, creating HTTP handlers, mentions 'templ server', 'HTTP…
templ-syntax
Learn and write templ component syntax including expressions, conditionals, loops, and Go integration. Use when writing .templ files, learning templ syntax, or…
nextjs-best-practices
Next.js App Router principles. Server Components, data fetching, routing patterns.
valaxy-theme
Create or evolve a runnable Valaxy theme from a design brief, reference site, or UI library. Use for valaxy-theme-* packages, AI theme generation, theme…
another-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,…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
html-mockup-builder
Build self-contained HTML mockups from campaign, product, or page briefs.
frontend-page-discovery
Use when you need to produce an evidence-based "page inventory → feature points → business processes → business rules" from frontend code, and the project route entry points are not unique, dynamic routes/permissions/backend menus are complex, and the team is prone to imagining or omitting the evidence chain.
design-taste-frontend
Anti-slop frontend skill. Stops AI from shipping generic purple-gradient UI. Reads the brief, sets design dials, ships interfaces with real hierarchy, type,…
design-taste-frontend
Anti-slop frontend skill. Stops AI from shipping generic purple-gradient UI. Reads the brief, sets design dials, ships interfaces with real hierarchy, type,…
htmx
htmx for building dynamic web UIs with HTML-over-the-wire. Use when user mentions "htmx", "hx-get", "hx-post", "hx-swap", "hx-trigger", "hypermedia", "HTML…
tailwind-css
Tailwind CSS utility-first patterns, configuration, and component recipes. Use when user mentions "tailwind", "tailwindcss", "utility classes", "tailwind…
webpack-vite
Frontend bundler configuration for Webpack and Vite. Use when user mentions "webpack", "vite", "bundler", "vite config", "webpack config", "code splitting",…
capabilitys-layer
Patterns for implementing features under src/app/capabilitys, including presentation/application/domain/integration boundaries, NgRx Signals stores,…
tailwindcss
Tailwind CSS utility-first CSS framework. Use when styling web applications with utility classes, building responsive designs, or customizing design systems…
frontend-design-masterclass
Builds distinctive frontend UI with SvelteKit/Bun/Hono. Triggers on: web pages, dashboards, landing pages, apps, artifacts, styling, theming, fonts,…
canvas-component-naming
Name Canvas components with clear, portable conventions for machine names and folders. Use when (1) Creating a new component, (2) Renaming components, (3)…
canvas-slots-for-repeatable-content
Model repeatable Canvas content with slot-based parent/child component patterns. Use when (1) Building lists/grids of items, (2) Converting array props to…
motion-audit
Use when auditing motion across an existing codebase and a prioritized fix plan is required, not a per-diff verdict.