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,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Frontend & websites
11,266 results
vercel-composition-patterns
Reactive extensible composition patterns. Use when refactoring components in the following ways: boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound…
dotnet-chous
Use Chous in .NET repositories that ship sizeable frontend codebases and want file-structure linting, naming convention enforcement, and folder-layout policy…
dotnet-eslint
Use ESLint in .NET repositories that ship JavaScript, TypeScript, React, or other Node-based frontend assets. Use when a repo needs a configurable CLI lint…
dotnet-htmlhint
Use HTMLHint in .NET repositories that ship static HTML output or standalone frontend templates. Use when a repo needs a focused CLI lint gate for DOM…
dotnet-webhint
Use webhint in .NET repositories that ship browser-facing frontends. Use when a repo needs CLI audits for accessibility, performance, security headers, PWA…
dotnet-wpf
Build and modernize WPF applications on .NET with correct XAML, data binding, commands, threading, styling, and Windows desktop migration decisions.
use-igniteui-blazor
Add, configure, or review Ignite UI for Blazor Lite component support in Blazor applications. USE FOR: installing IgniteUI.Blazor.Lite or…
sota-frontend-design
State-of-the-art web design, UI/UX, and motion engineering standards (2026). Use when building OR auditing/reviewing user interfaces: components, pages, design…
implementing-a11y
Entry point for implementing UI components and pages after looking up "Judgment lines" and "When building" in a11y-knowledge. Use reviewing-a11y to get issues…
ux-accessibility
WCAG 2.2 accessibility patterns for web components. Use when implementing focus management, keyboard navigation, screen reader support, reduced motion, high…
ux-form-design
Form and input design patterns including validation, labels, error handling, and form-associated custom elements. Use when building forms, inputs, or…
machine-accessible-websites
Implement websites accessible to both humans and AI agents. Covers floating HUMAN/MACHINE toggle, llms.txt specification, content negotiation via Accept…
mantine-developing
Build React UIs with Mantine component library. Customize styles with Styles API, handle forms with @mantine/form, implement theming, and avoid accessibility…
fe-modularization
Deciding where frontend code lives — tier model, move mechanics, extension points, side effects, naming, and the traps. Use when moving code between modules,…
project-dashboard
Generate interactive HTML project dashboards from daily report history and project intelligence data. Provides Weekly (operational pulse) and Project (lifetime…
create-copilot-adoption-dashboard
Turns the four Microsoft admin center (MAC) Copilot activity exports into a populated, single-file HTML adoption dashboard using the Copilot Adoption Analysis…
react-webview-architecture
Architecture patterns for React-based webviews in the vscode-documentdb extension. Use when creating new webview components, modifying existing views…
tiny-a11y
Write minimal, accessible HTML, CSS, and JavaScript. Use when building web components, writing HTML markup, creating forms, or reviewing code for accessibility.
react-architecture
Master modern React architecture, including Composition patterns, Hooks, Server Components (RSC), and Next.js best practices.
web-performance-optimization
Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance
setup-react-doctor
One-time setup skill that adds React performance and pattern analysis via pre-commit hook and CI. Detects React usage, configures react-doctor checks for…
moonshine-components
Build MoonShine admin panel UI with Blade components — tables, forms, cards, modals, navigation, and page layouts. Use when creating admin interfaces, data…
material-ui-nextjs
Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules,…