sfnext-configuration
Manage Storefront Next application configuration using config.server.ts, schema types, environment variables, and multi-site setup. Use when editing…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-27 00:15
Frontend & websites
11,179 results
shopware-admin-js
Apply Shopware Administration JS/TS/Vue coding rules. Use when editing Admin UI code (.js/.ts/.vue) under src/Administration, including Jest specs and…
frontend-optimistic-mutations
A portable, framework-agnostic discipline for the write path of any React or React Native app using a query/cache layer.
react-component-generator
Generate React components following best practices with TypeScript, Tailwind CSS, and Zustand state management. Use this skill when the user requests creating…
website-builder-migrate
Migrate a site built on a website builder (Webflow, Framer, Squarespace, Wix, Carrd, etc.) to a self-hosted static site. Use when the user wants to export,…
atlassian-design
Use this skill whenever the user mentions Atlassian Design System, Atlaskit, Jira-style UI, Confluence-style UI, ADS components, design tokens, xcss,…
syncfusion-react-modern-rich-text-editor
Implement the Syncfusion React Modern Rich Text Editor (RichTextEditorUIComponent) for WYSIWYG rich content editing. Use this skill for editor setup, toolbar…
react-native
Assists with building iOS and Android applications from a single TypeScript codebase using React Native. Use when implementing mobile UI components,…
taste-imagegen-frontend-mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile…
critical-images
Use when reviewing image assets, markup, and CDN or build transforms related to Prioritize loading critical images. Check encoded size, rendered size, loading…
css-critical
Use when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering. Check the rendered layout across…
css-file-size
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the actual bottleneck in DevTools, Lighthouse,…
page-weight
Use when auditing slow page loads, heavy assets, or rendering delays related to Keep page weight under 1500KB. Verify the actual bottleneck in DevTools,…
service-worker
Use when auditing repeat-visit performance, adding offline support, or evaluating PWA readiness for a web application.
sitemap-valid
Use when applies to any site with a manually or programmatically generated XML sitemap. Use when debugging sitemap submission errors in Google Search Console.
third-party-scripts
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize third-party script loading. Verify the actual bottleneck in DevTools,…
ttfb
Use when auditing slow first responses on SSR pages, APIs, or cacheable HTML. Distinguish origin compute time from network latency and CDN cache misses before…
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…
velt-live-state-sync-best-practices
Velt Live State Sync implementation patterns and best practices for React, Next.js, and web applications. Use when adding real-time shared state, syncing data…
frontend-ui-engineering
Build production-grade, accessible, responsive user-facing UI. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-grade rather than AI-generated.
tailwind-theme-styling
Style the dev-quiz-battle app using Tailwind CSS v4 with OKLCH colors, dark mode support, and modern design patterns. Use when creating responsive layouts,…
animate
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.
frontend-css-patterns
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
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,…