react-effect-decision
Combine React's official "You Might Not Need an Effect" guidance with this project's stricter no direct useEffect stance. Use when writing, reviewing, or…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,293 results
playground-website-debugging
Debug the WordPress Playground website by running the dev server from source and interacting with it via Playwright MCP. Use when investigating UI bugs,…
web-clone-prompt
Web page clone prompt generator. Input one/multiple webpage screenshots or a webpage URL, and reverse-engineer a "deterministic clone prompt" — for authorized pages, user-owned pages, internal research, or local visual regression. The methodology is extracted from motionsites.ai's mature clone prompts: precise down to every hex, every Tailwind...
react-skills
React expert skills. Invoked when the user asks about React, Next.js, Hooks, component design, performance optimization, or state management.
build-tinacms-nextjs
Use skill if you are building or extending a TinaCMS-backed Next.js App Router site with tina/config.ts, MDX/git-backed content, schema modeling, useTina…
run-testsprite-frontend
Use skill if you are creating, running, debugging, or release-gating TestSprite frontend browser tests, including public-target CLI or localhost MCP routing;…
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 Responsive Design Standards
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use…
frontend-design
Design distinctive, production-grade frontend interfaces — mockups as HTML pages or working application pages. Use when the user asks to design a web page,…
build-frontend-ui-engineering
Frontend UI engineering — build accessible, visually polished user interfaces. Use when you need to build or modify UI components or page layouts, or when "component," "page," "frontend," or "UI" is mentioned.
responsive-design
Used when designing cross-device adaptation. Applies to layouts, breakpoint strategies, and content prioritization for desktop/tablet/mobile. Prefer Mobile-First + 5 standard breakpoints + content prioritization degradation strategy.
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,…
a11y-ops
Web accessibility end to end: WCAG 2.2 AA, EAA and ADA Title II obligations, audits (axe, pa11y, keyboard, screen reader), the common failures, accessibility…
icon-ops
Source, vet, normalize and ship SVG icons for web UI - set selection, licence and trademark traps, currentColor theming, sprite/inline delivery, and…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
motion-designer
SOTA animation and physics heuristic guide using motion.dev
css-development
This skill should be used when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code. Triggers on "CSS", "styles",…
landing-page-design
Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page…
super-frontend-design
Build award-winning websites and app interfaces that look like they belong on Godly.website or Awwwards. Use whenever building: landing pages, SaaS dashboards,…
wpf-xaml-style-generator
Generate XAML styles, templates, and resource dictionaries with theme support for WPF applications
frontend-slides
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a…
clerk-custom-ui
Customize Clerk component appearance - themes, layout, colors, fonts, CSS. Use for appearance styling, visual customization, branding.
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…
modern-best-practice-react-components
Build clean, modern React components that apply common best practices and avoid common pitfalls like unnecessary state management or useEffect usage. Use when…