sveltekit-structure
SvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-14 00:01
Frontend & websites
6,682 results
huashu-md-html
md/html/docx/pdf/epub multi-directional pipeline, realizing "md production, multi-end consumption". Capabilities: convert any file (PDF/DOCX/PPTX/XLSX/images/audio/URL) to clean md; process md into publication-grade html, docx, PDF (A4/A5/large 32-mo), EPUB3, four carefully selected templates, html and PDF also have designer mode (AI...
design-loop
Autonomous multi-page site builder using a baton-passing loop. Each iteration reads a task from .design/next-prompt.md, generates a page in HTML/Tailwind,…
sf-industry-commoncore-flexcard
OmniStudio FlexCard creation and validation with 130-point scoring. Use when building at-a-glance UI cards, configuring data source bindings to Integration…
web-fetch
Fetches web content as clean markdown by preferring markdown-native responses and falling back to selector-based HTML extraction. Use for documentation,…
frontend-enhancer
This skill should be used when enhancing the visual design and aesthetics of Next.js web applications. It provides modern UI components, design patterns, color…
shopify-speed-optimization
Store speed audit — lazy loading, image compression, app bloat removal, theme code optimization
react19-source-patterns
The introduction is being prepared. Please check back soon.
client-side-rendering
Teaches client-side rendering (CSR) for React applications. Use when building highly interactive apps where SEO is not a priority and the UI is driven by user…
frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making…
svelte-runes
Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.
css-architecture
Organize CSS using BEM, SMACSS, and CSS-in-JS patterns. Use when building scalable, maintainable styling systems with proper naming conventions.
a11y-audit
Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML…
reanimated-skia-performance
Write and review high-performance React Native animations and 2D graphics using react-native-reanimated (v4+) and @shopify/react-native-skia (Canvas scenes,…
react
The introduction is being prepared. Please check back soon.
finesse-ui
Build never-cheap, high-craft web interfaces — brand surfaces (landing pages, brand sites, launches, portfolios, hero pages with real…
react-server-components
Teaches React Server Components for zero-bundle server rendering. Use when components only need server-side data access and don't require client-side…
progressive-hydration
Teaches progressive hydration for prioritized client-side interactivity. Use when server-rendered pages have non-critical sections whose JavaScript can be…
angular-best-practices-primeng
PrimeNG best practices for Angular. Covers tree-shaking imports, lazy-loaded tables, and the Aura/Lara theme system with design tokens. Activates when working…
tailwind-capacitor
Sets up and uses Tailwind CSS v4 in Capacitor apps - CSS-first config (`@import "tailwindcss"`, `@theme`, `@utility`, `@custom-variant`, `@source`, `@plugin`),…
react-selective-hydration
Teaches selective hydration combined with streaming SSR in React 18+. Use when you need to prioritize hydrating interactive components while streaming the rest…
framer-motion
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
daisyui
Tailwind CSS component library providing semantic class names for 50+ components with built-in themes, dark mode, and customization for rapid UI development.
server-side-rendering
Teaches server-side rendering (SSR) for React applications. Use when you need faster initial page loads, better SEO, or dynamic per-request HTML generation.