jetpack-compose
Jetpack Compose patterns for declarative UI, state management, theming, animations, and performance optimization.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
Frontend & websites
10,996 results
moli
Drive Moli (`moli`), Lexmount's open-source headless browser for AI agents, built around on-demand rendering: real JavaScript, DOM, and CSS by default, with…
bklit-ui-migrate
Migrate an app's charts from Recharts to Bklit UI. Detects Recharts usage — direct `recharts` imports or shadcn/ui's `components/ui/chart.tsx` wrapper…
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, or…
front-a11y
Audit or fix accessibility issues (WCAG 2.1 AA) in HTML, Vue, Svelte, or Astro files. Checks images, ARIA, keyboard navigation, forms, and semantic HTML.…
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,…
website-screenshot-notte
Take screenshots of any website using Notte browser automation. Use when asked to screenshot, capture, or snap a webpage.
duskmoon-dev-core
When using npm package `@duskmoon-dev/core`, this skill shows how to install, configure, and use the CSS component library
duskmoon-elements
Use the DuskMoon Elements custom element library (`<el-dm-*>` web components). Use when building web pages or apps with DuskMoon elements, registering…
phoenix-duskmoon-ui
Phoenix Duskmoon UI component library for Elixir/Phoenix LiveView applications. Use when building UIs with `phoenix_duskmoon` — covers installation, CSS/JS…
textual
Use when building terminal UI apps with the Textual framework — creating widgets, screens, layouts, handling events, managing reactive attributes, testing with…
nextjs-best-practices
Next.js App Router best practices — file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font…
gsap-nextjs
Build or review Next.js App Router animation: GSAP page transitions, component enter/exit, scroll effects, interrupted motion, and cleanup. Use even when GSAP…
react-native-brownfield-migration
Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using @callstack/react-native-brownfield for initial…
nextjs-app-router
Expert knowledge for Next.js 13+ App Router architectureUse when "next.js app router, server component, client component, use client, use server, server…
nextjs-quality
Tunes Next.js App Router quality - next.config hardening, eslint-config-next flat config, React Strict Mode, typed routes, RSC and use-client boundary hygiene,…
launchpad-webembed
Explains how to embed Launchpad applications into external websites and custom front-end apps using the pega-embed web component. Covers CORS policy setup,…
react-native-native-modules
Master native modules - Turbo Modules, JSI, Fabric, and platform bridging
react-state-management
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing…
jaspr-convert-html
Use when you need to convert / rewrite existing HTML (from a file or url) into Jaspr code.
xstate-react
This skill should be used when the user asks to "create a state machine", "add xState", "use xState with React", "implement actor-based state", "manage complex…
vue-fsd
Feature-Sliced Design architecture for Vue 3 applications. Use when structuring large-scale Vue projects with clear boundaries, scalable folder structure, and…
web3d-runtime
Use when building or fixing a realtime 3D scene on the web with three.js or React Three Fiber — WebGPURenderer and its WebGL2 fallback, TSL node materials and…