logical-properties
Use when reviewing stylesheets, component styles, and responsive behavior related to Use CSS logical properties for i18n and RTL support. Check the rendered…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Frontend & websites
11,276 results
meta-in-body
Use when auditing HTML document structure. Applies to any page where meta tags (noindex, canonical-url, description, viewport, OG tags) may have been injected…
navigation-landmark
Use when reviewing templates, rendered HTML, or shared components related to Use navigation landmark regions. Validate the final browser-facing markup, not…
og-image-size
Use when auditing Open Graph tags or generating og:image assets. Applies to any page that may be shared on social networks or messaging platforms.
performance-resource-hints
Use when auditing slow page loads, heavy assets, or rendering delays related to Use resource hints for faster loading. Verify the actual bottleneck in…
preconnect
Use when auditing slow page loads, heavy assets, or rendering delays related to Use preconnect for critical third-party origins. Verify the actual bottleneck…
source-maps
Use when auditing slow page loads, heavy assets, or rendering delays related to Provide source maps for production debugging. Verify the actual bottleneck in…
specificity-management
Use when reviewing stylesheets, component styles, and responsive behavior related to Keep CSS specificity low and flat. Check the rendered layout across…
svg-inline
Use when reviewing image assets, markup, and CDN or build transforms related to Manage inline SVG size and complexity. Check encoded size, rendered size,…
td-headers-attr
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Link table cells to headers using IDs. Check native semantics…
tel-mailto
Use when applies to contact pages, business listing pages, headers/footers, and any page displaying a phone number or email address. Use when auditing contact…
text-expansion
Use when reviewing CSS for fixed dimensions, truncation, or overflow rules on elements that render translatable strings.
translation-strings
Use when reviewing a codebase for internationalisation readiness, setting up an i18n library, or preparing strings for a new locale.
video-accessibility
Use when reviewing templates, rendered HTML, or shared components related to Make videos accessible with captions. Validate the final browser-facing markup,…
ui-performance
This skill should be used when an agent UI is slow, heavy, or janky — bundle size and single-file inlining, skeletons from tool-input, ontoolinputpartial…
swiftui-responsive-layout
Diagnose and implement adaptive SwiftUI layouts across iPhone and iPad window sizes, orientation, Dynamic Type, localization, safe areas, keyboard, and…
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,…
Shade page templates
Pick the right Shade page template (ListPage, PageHeader) for a new admin page instead of inventing chrome. Trigger when creating new admin pages or routes in…
Shade use primitives
Replace bare divs that only carry flex/grid/gap utilities with Shade primitives (Stack, Inline, Box, Grid, Container, Text). Use semantic gap="md" instead of…
ai-chat-frontend
A design and implementation guide for an AI chat frontend embedded in an app. The first half covers language-agnostic abstract design patterns (streaming-first, chat state machine, message model, optimistic UI, error recovery, UX principles, multi-session, server design principles), and the second half covers implementation with the Vercel AI SDK (useChat)...
jotai-x
Use when working with Jotai X stores (createAtomStore), accessing state in components or callbacks, persisting state to cookies or localStorage
htmx
HTMX documentation assistant
gsd-ui-review
Retroactive 6-pillar visual audit of implemented frontend code
vp-css-best-practices
Write, review, debug, or migrate CSS with explicit nesting selectors, correct interactive states, accessible presentation, and defensive layout. Use for…