css-sass
Use Sass/SCSS for advanced CSS preprocessing with modern @use/@forward syntax
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
Frontend & websites
11,011 results
screen-flow-diagram
Build interactive screen flow diagrams as standalone HTML files using D3.js, showing simplified wireframe mockups connected by action labels. Use this skill…
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…
vue-components
Build Vue 3 components with TypeScript and Tailwind using clean structure, composable logic, accessibility, and maintainable patterns.
frontend-seo
A portable, framework-agnostic SEO system for any React or React Native-for-web frontend.
column-pinning
Pin columns into logical start, center, and end regions with columnPinningFeature and renderer-owned sticky CSS. Load for RTL offsets, z-index, backgrounds,…
angular-signals
Use when building Angular 16+ applications requiring fine-grained reactive state management and zone-less change detection.
animations-transitions
MUI transition components (Fade, Grow, Slide, Collapse, Zoom), custom transitions, TransitionGroup, and Framer Motion integration
react
React patterns with destructured props, compiler optimization, Effects, and Tailwind v4 syntax. ALWAYS use when using React.
reusable-components
Guide the agent on structuring Vaadin 25 Flow views into focused, reusable components. This skill should be used when the user asks to "structure a view",…
docusaurus
Build modern documentation websites with Docusaurus. Covers docs, blog, pages, versioning, i18n, search integration, and deployment patterns. React-based with…
research-ui-prototyping
Use when building research dashboards, annotation tools, data browsers, paper-supporting demos, SOTA explorers, experiment viewers, or frontend interfaces for…
workleap-react-best-practices
React performance optimization guidelines for Single Page Applications (SPA) at Workleap. Use when writing, reviewing, or refactoring React SPA code. Covers…
Building Blocks
Guide for creating new AEM Edge Delivery blocks or modifying existing blocks. Use this skill whenever you are creating a new block from scratch or making…
generate
Create an unpublished Lexsis storefront draft early, then synchronize and QA it to production readiness when the user's intent calls for deeper verification.
web-framework-solidjs
SolidJS fine-grained reactivity — signals, effects, memos, stores, resources, control-flow components. Load when writing Solid components or reactive state.
web-framework-svelte
Svelte 5 runes — $state, $derived, $effect, $props, $bindable, snippets, callback props, context. Load when writing Svelte 5 components or reactive modules.
web-meta-framework-vitepress
VitePress 1.x — Vue-powered static site generator for documentation sites, built on Vite
frontend-experience-extractor
Extracts the behavioral requirements, user experience (UX) flows, micro-interactions, and conditional visibility rules of a frontend component from its source…
frontend-layout-extractor
Extracts the structural layout and behavioral requirements of a frontend component from its source code. Produces a layout.md file focused on "full field…
angularfire
Angular wrapper for Firebase with dependency injection, RxJS observables, and Zone.js integration
de-div
Author semantic, accessible HTML and keep "div soup" (meaningless <div>/<span>) out of the DOM — in two modes. EDIT mode de-divs existing markup (a codebase,…
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based…
react-hook
Use when passing callbacks to custom hooks, fixing react-hooks/exhaustive-deps warnings, or debugging unexpected re-renders in React components.