el-tour
Tour component for guiding users through products. Invoke when user needs to create product tours, onboarding guides, or feature walkthroughs.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
Frontend & websites
11,243 results
el-watermark
Watermark component for adding text or pattern watermarks. Invoke when user needs to protect content, brand documents, or add copyright notices.
element-plus-dark-mode
Enables and customizes dark mode for Element Plus applications. Invoke when user needs to implement dark mode, toggle themes, or customize dark mode styles.
element-plus-i18n
Configures internationalization and localization for Element Plus components. Invoke when user needs to change language, add custom translations, or configure…
element-plus-ssr
Configures Element Plus for server-side rendering (SSR) applications. Invoke when user needs to implement SSR with Element Plus or fix hydration errors.
next-cache-components
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
opencli
Use opencli CLI to interact with social/content websites (Bilibili, Zhihu, Twitter/X, YouTube, Weibo, Xiaohongshu, V2EX, Reddit, HackerNews, Xueqiu, BOSS Zhipin etc.) via the…
project-html-wiki
Use this skill when the user explicitly wants to create, import, maintain, audit, or sync an HTML-first project wiki for a software project. Covers agent…
teardown-github
Deep-dive teardown of any GitHub open-source project into a beautifully designed HTML report combining product and engineering perspectives. Triggered when…
frontend-ui-animator
Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate…
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,…
website-building
Use for distinctive production-grade websites, landing pages, and interactive web experiences with strong design and QA discipline.
chrome devtools
Inspects live web pages, checks console errors, analyzes network requests, and runs performance traces via Chrome DevTools Protocol. Make sure to use this…
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,…
clone-website
Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder…
quarto
Render computational documents to markdown (DEFAULT), PDF, HTML, Word, and presentations using Quarto. PREFER markdown output for composability. Use for static…
web-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…
web-frontend
apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, navigation (Link vs useNavigate), forms (useForm + createFormSubmitHandler +…
web-section-recreation-spec-by-aqq5ux
Apply an evidence-derived Web section recreation spec workflow observed across published GoodCase examples by Aceternity UI. Use when planning, designing, or…
ai-choosing-architecture
Pick the right DSPy module and architecture for your AI feature. Use when you are not sure whether to use Predict, ChainOfThought, ReAct, or a pipeline, need…
nuxt-architecture
Foundational architecture for Nuxt 4 + Vue 3 + Nuxt UI applications. Use when starting new projects, understanding project structure, or making architectural…
nuxt-pages
File-based routing with page patterns for lists, details, and navigation. Use when creating pages, defining page meta (permissions, layouts), implementing…
anti-ai-slop
Create frontend UIs that don't look AI-generated. Use when building new pages or reviewing design output for "AI taste."
design-taste-frontend
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware…