show-me
Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.
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
react-best-practices
React Handbook — A full-stack best practices guide for React and Next.js. Automatically activates when users write, review, or refactor React/Next.js code. Trigger scenarios: React best practices, how to write React, component design, hooks usage, how to use hooks, state management, performance optimization, React performance, Server...
vision
Smart visual analysis for websites and images using Playwright screenshots and AI vision.
frontend-developer
Expert Polyglot Frontend Engineer (20+ years exp). Strict adherence to documentation/references. Obsessed with performance, implementation details, and…
react-nextjs
React and Next.js performance optimization guidelines from Vercel Engineering. Sub-skill of frontend-developer. Triggers on tasks involving React components,…
event-sources
This skill should be used when the user asks about "Berlin event websites", "where to find events in Berlin", "event sources", "Berlin art listings", "Berlin…
project-promo-skill
Research an existing developer or open-source project from its repository, local files, documentation, official website, or release artifacts, identify why it…
blog-cms
Sets up and integrates OpenBlog — a Git-based blog CMS module for product sites (Markdown, Next.js, theme, chrome, sitemap/RSS). Routes agents to integrate on…
browser-use
Use when a task needs browser automation through the `browser-use` CLI: navigating websites, interacting with pages, filling forms, taking screenshots, or…
3d-web-experience
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D…
frontend-ui-dark-ts
Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards,…
nextjs-app-router-patterns
Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications,…
react-modernization
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases,…
ui-skills
Opinionated, evolving constraints to guide agents when building interfaces
wordpress-penetration-testing
This skill should be used when the user asks to "pentest WordPress sites", "scan WordPress for vulnerabilities", "enumerate WordPress users, themes, or…
wp-block-themes
Use when developing WordPress block themes: theme.json (global settings/styles), templates and template parts, patterns, style variations, and Site Editor…
wp-interactivity-api
Use when building or debugging WordPress Interactivity API features (data-wp-* directives, @wordpress/interactivity store/state/actions, block viewScriptModule…
wp-plugin-directory-guidelines
Use when reviewing WordPress plugins for GPL compliance, checking license headers or compatibility, evaluating upsell/freemium/trialware patterns, validating…
crawl
Crawl any website and save pages as local markdown files. Use when you need to download documentation, knowledge bases, or web content for offline access or…
ibm-a11y-automation
Run Langflow's local accessibility scanner script against frontend routes from src/frontend/src/routes.tsx and summarize the JSON report.
no-use-effect
Avoid unnecessary React effects in mosoo while using React useEffect directly for real external synchronization. Use when writing or reviewing React…
web-perf
Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies…
adding-react-components
Creates React components for the Electron renderer process, including rail panels, modals, views, and Zustand store wiring. Covers component structure, state…
dev-tools
Obsidian plugin/theme dev: DevTools, CDP, JS eval, console/error buffers, CSS/DOM inspection, mobile emulation, screenshots. Use when debugging the app.