layercake
Expert guide for Layer Cake, a headless Svelte visualization framework managing scales, dimensions, and data flow while supporting SVG, Canvas, HTML, and WebGL…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-26 00:15
Frontend & websites
11,100 results
shadcn-svelte-skill
Build accessible, customizable UI components for Svelte/SvelteKit projects using shadcn-svelte CLI, Tailwind CSS v4.1, and TypeScript. Use when creating…
fulldev-ui
Use together with the shadcn skill in projects that use Fulldev UI, the @fulldev registry of Astro components and blocks, or its React extension. Covers…
nextjs
Expert Next.js assistance covering App Router, Server Components (RSC), Server Actions, metadata SEO, and edge runtime. Use when building high-performance…
react-native
Expert React Native assistance covering the New Architecture (TurboModules, Fabric renderer, Bridgeless mode), Hermes JS engine, React Navigation, and native…
shadcnui
Expert shadcn/ui assistance covering Radix UI primitives, Tailwind CSS styling, copy-paste architecture, and accessibility. Use when building modern React…
vue
Expert Vue 3 assistance covering Composition API (<script setup>), reactivity (ref, reactive), Pinia, and Vue Router. Use when developing modern, progressive…
tailwindcss
Tailwind CSS utility-first CSS framework. Use for responsive design, dark mode, utility classes, and component styling.
frontend-data-fetching
Fetch data in Sentry's frontend with TanStack Query and apiOptions. Use when adding or editing React code in static/ that calls the API —…
faro-setup-web
Instruments a web app with Grafana Faro Web SDK for frontend observability. Use when setting up error tracking, Web Vitals, session monitoring, or distributed…
zustand
Zustand state management patterns for React including store design, selectors, slices, middleware (immer, persist, devtools), and async actions. Use when…
good-ui
Apply broadly useful visual and interaction design judgment when creating, implementing, reviewing, or substantially revising apps and websites, especially…
make-interfaces-feel-better
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover…
minimalist-ui
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
create-visual-card
Generate a magazine-quality visual card as a single self-contained HTML file (embedded CSS, Swiss-grid + bold-type design system), then screenshot it to a…
basecoat
Guide for Basecoat - a Tailwind CSS v4-first component library using semantic HTML and vanilla JS. Think "shadcn/ui without a framework." Use when building UI…
iblai-notifications
Add notification bell and center page to your Next.js app
igniteui-react-optimize-bundle-size
Covers reducing bundle size in apps that use Ignite UI for React: package selection, tree-shaking, and route-level code splitting of grids, charts, maps, and…
iii-stream
Durable real-time streams with a CRUD function surface plus reactive triggers that fire on item changes and WebSocket subscriber lifecycle — reach for it to…
console-injectable-ui
Build, structure, and validate polished responsive worker UI (React pages, function-trigger and trigger-activity renderers, configuration forms, and…
website-design
When the user wants to design and build a premium multi-page website for any business type. Framework-agnostic design system (composition rules, component…
ray-report
Generate long-form articles / in-depth reports / data-driven content, with three formats produced in coordination—interactive HTML (magazine layout, including Tab/Quiz/Chart.js/Timeline components), A4 PDF (rendered by headless Chrome), WeChat official account…
screengrabs
Capture, annotate, and include screenshots in pull requests for UI changes. Use when creating or updating PRs that touch frontend components, pages, or any…
slack
Use when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.