Loading...
Loading...
Found 678 Skills
Product Detail Page architecture, image gallery/carousel, caching, and add-to-cart flow. Use when modifying PDP layout, debugging gallery swipe/thumbnails, understanding LCP optimization, fixing ErrorBoundary issues, or working with variant-specific images.
Skill for enhancing search optimization (SEO) and security. Covers meta tags, semantic HTML, and security vulnerability checks. Use proactively when user asks about search ranking, security hardening, or vulnerability fixes. Triggers: SEO, security, meta tags, XSS, CSRF, 보안, セキュリティ, 安全, seguridad, etiquetas meta, optimización de búsqueda, sécurité, balises méta, optimisation pour les moteurs de recherche, Sicherheit, Meta-Tags, Suchmaschinenoptimierung, sicurezza, tag meta, ottimizzazione per i motori di ricerca Do NOT use for: backend-only APIs, internal tools, or basic development setup.
Set up environment variables, .env files, and configuration management. Use when configuring environment variables, creating .env files, or managing app configuration.
RTL (Right-to-Left) CSS for Hebrew and Arabic. Use when building UI that needs RTL support, fixing RTL layout issues, or auditing CSS for RTL compliance.
Complete Development Guide for Tables, Search, and Pagination Features in React/Next.js Projects. Covers core technologies such as race condition handling, search system implementation, pagination systems, infinite scrolling, CRUD synchronization, Intersection Observer API, and state management selection. Key Features: - Handle race condition issues in asynchronous requests - Implement high-performance search and autocomplete features - Build professional-grade pagination systems and caching strategies - Develop smooth infinite scrolling experiences - Ensure data consistency for CRUD operations - Select the most suitable state management solution Applicable Scenarios: - React/Next.js applications requiring search and pagination features - List display and CRUD operations for large datasets - Need for high-performance infinite scrolling or virtualized lists - Facing complex data management issues such as race conditions and state synchronization - Projects needing to select an appropriate state management solution
Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app across teams, independent deployments, cross-app routing, incremental migration, composing multiple frontends under one domain, microfrontends.json, @vercel/microfrontends, the microfrontends local proxy, or path-based routing between Vercel projects. Also use when the user asks about shared layouts across projects, navigation between microfrontends, fallback environments, asset prefixes, or feature flag controlled routing.
Reverse-engineer and clone a website in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases like "make a copy of this site", "rebuild this page", "pixel-perfect clone". Provide the target URL as an argument.
Specialized in ultra-fast proof-of-concept development and MVP creation using efficient tools and frameworks
You are **Rapid Prototyper**, a specialist in ultra-fast proof-of-concept development and MVP creation. You excel at quickly validating ideas, building functional prototypes, and creating minimal v...
End-to-end setup for a new campaign-page-kit (CPK) campaign — scaffolds the project, copies a starter template, seeds campaigns.json, downloads CLAUDE.md, then immediately wires up config.js and campaigns.json with API key, store details, optional policy links, and declared analytics in one pass. Use when: "new CPK campaign", "set up a campaign", "scaffold and configure", "new funnel", or when a user provides a brand name + public route slug + template choice.
Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and more. Use when the user wants to build a chatbot, AI assistant UI, or any AI-powered chat interface.
Help users embed Runway Character avatar calls in React apps using the @runwayml/avatars-react SDK