design-to-code
Implement and refine interfaces from Aphrodite MCP evidence and visual references through project-aware, screenshot-validated iteration; use when a design…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
Frontend & websites
11,240 results
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build landing pages, websites, dashboards, web…
shopify-app-i18n
Guide for adding Multi-language support to Shopify Apps using i18next. Covers setup, localization files, and Admin context.
threejs-textures
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or…
vercel-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…
hr-frontend
Help HR managers, recruiters, and talent acquisition teams understand Frontend Engineering concepts, hiring requirements, frontend ecosystems, candidate…
react-native-migration-0.79.x-to-latest
This skill provides a migration guide for react native from 0.79.x to latest 0.83.x version.
frontend-design
This skill should be used when creating distinctive, production-grade frontend interfaces with high design quality. It applies when the user asks to build web…
auth-components
Pre-built and custom Clerk authentication component templates with theming and customization patterns. Use when building authentication UI, creating…
mobile-navigation
React Navigation patterns for mobile apps including stack, tab, drawer navigators, deep linking, and typed navigation with TypeScript. Use when building…
nextjs-integration
Complete Next.js integration patterns for Clerk authentication with App Router and Pages Router. Use when setting up Clerk in Next.js, configuring…
tailwind-shadcn-setup
Setup Tailwind CSS and shadcn/ui component library for Next.js projects. Use when configuring Tailwind CSS, installing shadcn/ui, setting up design tokens,…
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…
frontend-security-csp-and-xss-hardening
Harden frontend applications against XSS, clickjacking, and supply-chain risks with CSP, sanitization, and secure rendering practices.
ui-engineering-and-design-systems
Build and review frontend features using component-driven design, accessibility, performance, and maintainability guardrails. Use when the user asks for UI…
web-accessibility-wcag-compliance
Deliver accessible UI that meets WCAG-oriented requirements with keyboard, screen reader, and contrast validation.
admin-ui-debug
Admin UI and operator surface debugging for vercel-openclaw: command shell design, admin actions, request core, status panels, launch verification UI, channel…
accessibility
Use this skill when the user needs to make their app accessible, comply with WCAG guidelines, implement ARIA patterns, support screen readers, or ensure…
frontend-dev
Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds…
xberg-picking-a-format
Use when choosing an output format for extracted documents — plain text, markdown, djot, HTML, JSON, or DocTags. Maps consumer (LLM, parser, archive) to the…
use-rustify-docs
Use to create or reshape documentation sites or landing pages with Rustify Docs; landing pages must run ui-loop to polish first-screen appeal and conversion paths. Not for Rustify framework development or tasks where another site-building technology has been specified.
nuxt-seo
Comprehensive guide to all 8 Nuxt SEO modules and the Pro module: @nuxtjs/seo, nuxt-robots, nuxt-sitemap, nuxt-og-image, nuxt-schema-org, nuxt-link-checker, nuxt-seo-utils, nuxt-site-config, and Pro…
accessibility
Web accessibility discipline: semantic HTML first, ARIA only when needed, keyboard access always. Invoke whenever task involves any interaction with accessible…
css
CSS conventions, layout systems, and modern patterns: predictable styles through low specificity and explicit cascade control. Invoke whenever task involves…