nativewind-and-tailwind-css-compatibility
Provides specific version compatibility notes for NativeWind and Tailwind CSS to prevent common installation errors.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-22 00:14
Frontend & websites
10,989 results
tailwindcss
Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration. Use when styling with Tailwind, adding utility…
ui-snapshot
Compress the ENTIRE UI/UX of a frontend (React/Next.js/Vue + Tailwind) into ONE self-contained HTML file, running offline, hard-coded placeholder data, under the size threshold…
frontend-mobile-security-xss-scan
You are a frontend security specialist focusing on Cross-Site Scripting (XSS) vulnerability detection and prevention. Analyze React, Vue, Angular, and vanilla…
frontend-patterns
Use when frontend UI work needs accessibility, responsive layout, loading/error states, performance guardrails, or DESIGN.md authoring from screenshots,…
svelte
Svelte 5 component work: `.svelte` files, runes, props, snippets, events, styling, context, and reactivity, including component internals in SvelteKit.
soybean-headless
Helps use @soybeanjs/headless in Vue apps, including choosing base primitives vs Compact components, composing custom-styled wrappers, using sub-path exports,…
tailwindcss
Tailwind CSS v4 utility-first styling patterns
storybook-init
Use when adding Storybook to a project that does not have Storybook configured yet.
custom-features
Implement a Table v9 plugin when built-ins and typed meta are insufficient. Covers FeatureMaps, runtime lifecycle hooks, prototypes, and a complete checked…
vue-reactivity-system
Use when Vue reactivity system with refs, reactive, computed, and watchers. Use when managing complex state in Vue applications.
registry-component-patterns
Register components in registry.json for shadcn/ui add command. Apply when adding new 8-bit components to the component library.
frontend-design
Build web interfaces with genuine design quality, not AI slop. Use for any frontend work - landing pages, web apps, dashboards, admin panels, components,…
build-shop
Build or adapt a Shopify storefront with Vercel Shop source-backed patterns. Use when creating, redesigning, refactoring, or reviewing storefront routes,…
enable-shopify-menus
Replace the hardcoded nav and footer links with Shopify-managed menus, cached until a protected endpoint refreshes them.
ui-anti-slop-codex
Codex UI anti-slop workflow for frontend design and implementation. Use automatically when Codex builds, reviews, fixes, styles, redesigns, or improves user…
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
shadcn-ui-expert
Senior UI Engineer & Design System Specialist for shadcn/ui (2026). Specialized in building accessible, highly customizable, and performant component libraries…
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,…
web-state-ngrx-signalstore
NgRx SignalStore patterns for Angular state management. Use when managing client state with Angular Signals, composing store features, handling entities, or…
vue-development
Use when planning or implementing Vue 3 projects - helps architect component structure, plan feature implementation, and enforce TypeScript-first patterns with…
seo-technical
Implement technical SEO infrastructure for Next.js apps. Use this skill when setting up sitemaps, robots.txt, meta tags, OpenGraph, structured data (JSON-LD),…
atai-design-system
Build the front-end for a Newton demo with the Archetype AI Design System — the published, versioned packages (`@archetypeai/ds-lib-tokens`,…
frontend-playbook
The complete build-to-production pipeline for Ethereum dApps. Fork mode setup, IPFS deployment, Vercel config, ENS subdomain setup, and the full production…