harden
Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-27 00:15
Frontend & websites
11,180 results
html-to-generateblocks
Convert HTML/CSS layouts to GenerateBlocks V2 format with inline styles
just-html
Build self-contained, drop-in HTML components (hero, pricing, features, testimonials, footer, etc.) that work inside any existing page without conflicts.…
md-section
Use when converting HTML layouts to MD Section block + core block combinations for the WordPress Block Editor. Triggers: HTML-to-blocks, section layout,…
modern-frontend-design
How to design and build modern, premium-quality frontend interfaces that look like high-end SaaS products, modern AI tools, and award-winning design websites —…
optimize
Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.
product-box-block
Convert a URL (from clipboard or user input) to an ACF Product Box Block. Fetches the page, extracts product details, and outputs WordPress block markup. Use…
semantic-html
Build semantic, accessible, framework-driven frontend interfaces in Builderius. Use when building pages, sections, layouts, components, or any visual design…
site-specification
Extract comprehensive site specifications from simple descriptions. Use when analyzing a user's theme request to determine site type, audience, tone, layout…
wordpress-block-theming
WordPress Full Site Editing (FSE) theme architecture. Use when generating theme.json, block templates, template parts, patterns, and functions.php for…
wp-block-layouts
Ready-to-use WordPress Block Editor layout patterns: hero sections, pricing tables, testimonials, feature grids, CTAs, and more. All patterns use core blocks…
wp-block-styles
Style WordPress blocks with theme.json: presets, block-level styles, style variations, and custom CSS. Configure typography, colors, spacing, and layouts.
wpds
Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.
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,…
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
yudao-ui-admin-vben
Yudao Admin Frontend Framework Expert (based on Vue Vben Admin v5). Suitable for tasks such as admin frontend page development, CRUD module creation, API definition, table/form/modal component usage, route configuration, internationalization, and permission control. Supports multiple UI library variants (Ant Design Vue, Element Plus, Naive UI, TDesign).
flutter-widget-assistant
Interactive Flutter Widget implementation assistant that guides you through widget implementation decisions by asking structured questions about state…
react-component-hook-guidelines
Use when reviewing, refactoring, or implementing React components and custom Hooks with unclear boundaries or oversized props.
golden-html-multi
Use when testing the multi-file html build
folio
Static artifact craft skill for self-contained HTML/CSS/JS documents: docs, sheets, dashboards, explainers, slides, tools, and landing pages. Use when the user…
nebula-page-stories
Create example page stories that compose multiple components into realistic layouts. Use when building page-level Storybook stories that showcase how…
nebula-storybook-stories
Create Storybook stories for Canvas components. Use when (1) Creating a new component that needs a story, (2) Adding or modifying component stories, (3)…
s2-docs
Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web Components. Use when…
opentui
Build terminal UIs with OpenTUI/React. Use when creating screens, components, handling keyboard input, managing scroll, or navigating between views. Covers JSX…