interactive-prototype
Use when building clickable, interactive web prototypes for user feedback and testing
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
Frontend & websites
11,341 results
make-tweakable
Use when adding interactive parameter control sliders and tweak panels to web apps
save-as-standalone-html
Use when bundling web applications into single-file self-contained HTML assets
skytheme-storefront
Generate complete ultra-luxury fashion e-commerce storefronts with exact SkyTheme styling, Lenis momentum smooth scrolling, 3D Lookbook carousel, Shop-the-Look…
unslop
Create, audit, repair, and score PRODUCT.md, DESIGN.md, and AGENTS.md before AI-assisted frontend implementation. Includes base UI gates, readiness bands,…
drawio-core-styles
Use when styling Draw.io shapes, connectors, or labels. Prevents the common mistake of using wrong property names, missing html=1, or mismatched perimeters…
tauri-impl-project-setup
Use when starting a new Tauri 2 project, choosing a frontend framework, or understanding project structure. Prevents incorrect lib.rs/main.rs split and missing…
vite-core-architecture
Use when creating a new Vite project, understanding Vite internals, or reasoning about dev vs production behavior. Prevents confusing Vite's native ESM dev…
vite-syntax-build
Use when configuring production builds, optimizing output, setting build targets, or configuring chunk splitting. Prevents using wrong bundler config key for…
inertia-vue-development
Develops Inertia.js v3 Vue client-side applications. Activates when creating Vue pages, forms, or navigation; using <Link>, <Form>, useForm, useHttp,…
content-collection
Set up and configure Astro content collections with type-safe schemas. Use when creating blogs, docs, or any structured content.
shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage…
shadcn-vite-iconify-landing-page
Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all…
react-aria
Build accessible UI components with React Aria Components. Use when developers mention React Aria, react-aria-components, accessible components, or need…
gsap-optimiser
Comprehensive GSAP performance optimisation for Vue 3 / Nuxt 3. Covers: context cleanup (gsap.context, ctx.add, ctx.revert), GPU acceleration (force3D,…
os-web-performance
Diagnose and improve apps/os loading speed, Core Web Vitals, SSR boundaries, asset caching, bundle waterfalls, hydration, and browser-to-itx startup latency.…
shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage…
drupal-theme
Build a Drupal 11 theme (or other-framework theme) from the Magoo component catalog — search components, pull them in as SDC or Code Components, generate…
cache-components
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js…
nextjs-scope-architecture
Enforces Scope Rule and Screaming Architecture for Next.js 15+ applications. Use when designing app structure, placing components, reviewing architecture, or…
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…
figma-to-react-native
Generate a React Native (Expo/RN) screen from a Figma export (normalized IR JSON) using a first-party component library, color palette, and typography. Use…
fonts
Reference for selecting distinctive typography. Includes font recommendations by vibe, category, archetype, and pairing guidelines for Next.js projects.
gh-org-chart
Generate an interactive HTML org explorer from a GitHub organization. Surfaces team hierarchy, members, owned repos, and CODEOWNERS path attributions. Two…