picture-element
Use when reviewing image assets, markup, and CDN or build transforms related to Use <picture> with an <img> fallback. Check encoded size, rendered size,…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
11,248 results
Use when reviewing image assets, markup, and CDN or build transforms related to Use <picture> with an <img> fallback. Check encoded size, rendered size,…
Use when auditing e-commerce product pages or implementing structured data for a shop. Applies to any page selling or describing a specific product.
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Define proper table headers. Check native semantics first, then…
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Support text resizing to 200%. Check native semantics first,…
Use when applies to all HTML pages. Use when auditing a site crawl report or investigating why multiple pages compete for the same keyword in search results.
Use when reviewing stylesheets, component styles, and responsive behavior related to Remove unused CSS rules. Check the rendered layout across breakpoints and…
Use when reviewing templates, rendered HTML, or shared components related to Validate HTML against W3C standards. Validate the final browser-facing markup, not…
Search JeeSite classic frontend development documentation (Beetl views, DataGrid, JS framework, etc.). Invoke when user asks about classic frontend, Beetl templates, DataGrid, or legacy JS framework.
Search the JeeSite Vue frontend development documentation (CRUD, forms, tables, components, permissions, etc.). Invoke when user asks about Vue frontend, form development, table components, or Vue3 development.
Guide for using Shopify App Bridge to embed apps in the Shopify Admin. Use this skill when the user needs to interact with the host interface (Admin), show…
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
Audit and repair responsive interfaces from measured narrow-screen evidence without changing product intent. Use when a page clips, overflows, stacks poorly,…
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage…
TAILWIND documentation assistant
Next.js checkout UI components with Stripe Elements and payment forms. Use when creating checkout pages, payment forms, subscription UIs, customer portals, or…
Build and review Angular frontend applications with strong module boundaries, accessibility, performance, and maintainability. Use when the user asks for…
Integrate GraphQL clients and BFF layers with schema governance, caching, and error normalization for scalable UI data access.
Build production Next.js App Router experiences with streaming, suspense, caching, and performance-aware data boundaries.
Integrate React Native apps with backend APIs, auth, push notifications, and release pipelines.
Build React and Next.js applications with scalable architecture, server and client boundaries, state management discipline, and performance guardrails. Use…
Build reliable realtime UI using WebSockets, SSE, and fallback polling with reconnect and backpressure strategies.
Build and review Vue and Nuxt frontend systems with composable components, SSR or SSG strategy, accessibility, and performance defaults. Use when users request…
Review and implement accessibility patterns for UI components following WAI-ARIA and WCAG 2.1. Use when auditing code for a11y issues, implementing accessible…