sgds-utilities-border-width
Use SGDS border width utilities with the sgds: prefix for border thickness and side control. Apply this skill whenever a user asks about border thickness,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
Frontend & websites
11,341 results
sgds-utilities-overview
Overview of all SGDS utility classes available with the sgds: prefix. Apply this skill for general utility class questions or when the specific category is…
bio-reaction-enumeration
Enumerates virtual chemical libraries via reaction SMARTS transformations using RDKit and reaction templates, with explicit handling of atom mapping, RDChiral…
graphy-sdk-install
Install the Graphy SDK (@graphysdk/viz-engine + @graphysdk/react-renderer) in a React codebase and render a first graph. Use this skill when the user asks to…
html-in-canvas
Overall work of drawing a live DOM onto canvas/WebGL/three.js with the HTML-in-Canvas API (drawElementImage). "HTML in canvas", "drawElementImage", "drawing the DOM onto canvas", "input inside canvas",…
matt-grill-questionnaire
Create a clear HTML questionnaire with a copyable reply prompt when Matt grill needs user decisions.
animal-island-ui-style
Create React UI interfaces or components using the animal-island-ui design style. When the user needs to: (1) create UI pages or components in Animal Crossing style; (2) develop interfaces using the animal-island-ui component library; (3) build warm, natural, rounded, and cute React interfaces; (4) reproduce or extend…
microsoft-design
Microsoft Fluent 2 design system expert, generating web front-end code that strictly follows Fluent Design
reaxuse-functions
Apply reaxuse hooks where appropriate to build concise, maintainable React features.
chat-ui
Chat UI building blocks for React/Next.js from ui.inference.sh. Components: container, messages, input, typing indicators, avatars. Capabilities: chat…
tools-ui
Tool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval required, results. Capabilities: tool…
widgets-ui
Declarative UI widgets from JSON for React/Next.js from ui.inference.sh. Render rich interactive UIs from structured agent responses. Capabilities: forms,…
goddesign
Design and build distinctive, production-grade frontend UI. Websites, landing pages, dashboards, apps, components, HTML/CSS/React styling. Use for ANY…
remotion-best-practices
Best practices for Remotion - Video creation in React
manifest-frontend
Work with Manifest's frontend system — building, serving, dev workflow, debugging, and presets. Use when creating pages, components, debugging frontend errors,…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
bem-scss
The English introduction is being prepared.
vue-standards
Apply Vue 3 standards to new features and refactors, with focus on SFCs, Composition API, `<script setup lang="ts">`, predictable reactivity, and internal…
heroui-react
HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when working with HeroUI components, installing HeroUI, customizing HeroUI themes, or…
frontend-devtools-skill
Use this skill for Chrome DevTools-style frontend debugging and polished website building. It helps with CSS inspection, box model and layout debugging,…
angle-brackets
This skill uses <html> tags in the description.
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…
css-append-selector-verify
Safely append CSS styles from one file to another, with per-selector grep verification after every append to catch silent truncation that tail or wc-l alone…
angular-components
Build standalone Angular components with Signals inputs, OnPush change detection, Control Flow, and Smart/Dumb patterns. Use when building standalone Angular…