loom-react
Modern React development patterns. Use for building React 19+ applications with components, hooks, Jotai state, React Router v7, server components,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-25 00:14
Frontend & websites
11,089 results
angular
Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.
textual-reactive-programming
Builds reactive Textual widgets using computed properties, watchers, and reactive attributes. Use when implementing data-binding patterns, responding to state…
playthru
Add a scripted, looping product demo to a website using the playthru library. A fake cursor glides over the real UI, clicks, types and zooms the camera in,…
opentui-solid
Expert assistance for OpenTUI with SolidJS. Use for reactive components, signals, fine-grained reactivity, JSX patterns, and SolidJS-specific optimization.
website-to-hyperframes
Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn…
visual-component-finder
[Frontend] Use when matching screenshots to Angular components, finding which component renders a page, or refreshing the component index. Matches via BEM…
window-management
Customize macOS SwiftUI windows and scene behavior. Use when tuning window chrome, drag regions, placement, restoration, launch behavior, or borderless windows.
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,…
sveltekit-svelte5-tailwind-skill
Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4
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…
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,…
react-router
RR8 reference for React Router v8 (Framework Mode, formerly Remix). loader, action, middleware, routes.ts, hooks (useLoaderData, useActionData, useFetcher, useNavigate,…
opendesign-application
OpenDesign engineering implementation guide. When developers need to create a new project or retrofit an existing project to adopt the @opensig/opendesign design system, integrate the theme system (Pinia store + SSR/SPA differences + community switching), set up global style infrastructure (SCSS mixin global injection + grid container + section structure), compare Nuxt vs Vite...
google-fonts-curator
Recommend high-taste Google Fonts for websites based on brand tone, page type, and visual direction. Use when the user needs font selection, font pairing, or…
react-best-practices
Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage. Must use when reading…
stitch-extract-static-html
Extract static HTML from a local frontend page and inline retrievable assets; triggered when a specified UI state needs to be saved, for offline inspection, or to prepare an upload file for Stitch. The result does not include interaction logic and is not uploaded automatically.
stitch-site-md
Organize site requirements and existing pages into .stitch/SITE.md; triggers when the site identity, navigation, page states, priorities, and creative boundaries need to be determined for the Stitch Build Loop. Visual token extraction or actually generating screens uses the corresponding skill.
stitch-ui-vue-element-plus-components
Convert Stitch designs into modular Vite/Vue 3 and Element Plus components. Uses Stitch MCP get_screen to retrieve design JSON and HTML; supports…
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…
blog-narrator
Export blog Markdown as line-by-line reveal presentation HTML, supporting lightweight preview and Edge TTS segmented voiceover merging. Use when the user needs to turn a blog into a presentation or voiceover HTML
vite-plus
The latest web frontend toolchain suitable for Agent development. Use this skill when you need to develop Vite+ projects, run vp commands, or configure the Vite+ toolchain
write-component-jsdocs
Guide for writing JSDoc comments on vapor-ui components and their props. Use when adding, reviewing, or fixing JSDoc on component tsx files or css.ts variant…
shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context,…