ui-design
Design and refine coherent, content-led UI within an authorized prototype or implementation scope. Use as a supporting skill when creating a screen, choosing…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
Frontend & websites
10,995 results
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…
ui-percept-rapid-feedback
Use for fast, deterministic UI quality feedback in quick-math-swift. Runs capture plus ui-percept with stricter aesthetic rules and writes an actionable report…
chat-ui
Chat UI building blocks for React/Next.js from ui.inference.sh. Components: container, messages, input, typing indicators, avatars. Capabilities: chat…
tools-ui
Tool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval required, results. Capabilities: tool…
widgets-ui
Declarative UI widgets from JSON for React/Next.js from ui.inference.sh. Render rich interactive UIs from structured agent responses. Capabilities: forms,…
data-client-react-testing
Test @data-client/react with renderDataHook and mountDataClient - jest unit tests, fixtures, interceptors, MockResolver, mock responses, nock HTTP mocking,…
nextjs-turborepo
Full-stack web development with Next.js and Turborepo. Stack: Next.js 14+ (App Router, RSC, Server Actions, PPR, SSR, SSG, ISR), Turborepo (monorepo,…
frontend-ui-engineering
Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or…
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…
react
Core React 19 patterns including hooks, Suspense, lazy loading, component structure, TypeScript best practices, and performance optimization. Use when working…
minimal-web-baas-demo
Fast path for a minimal CloudBase Web + database demo (minimal frontend/backend / minimal viable fullstack / Lovable-like BaaS). Defaults to @cloudbase/js-sdk client CRUD (NoSQL…
i18n-rtl
MUI internationalization, RTL support, locale customization, and bidirectional text
js-tosorted-immutable
Use toSorted() instead of sort() to avoid mutating arrays. Apply when sorting arrays that are React props, state, or otherwise shared/referenced elsewhere.
uiux-design
UI component code implementation specialist. Trigger when WRITING or FIXING UI code — Tailwind CSS utilities, shadcn/ui components, Radix UI primitives, CVA…
wordpress-vip
Develop and deploy code for WordPress VIP environments following platform requirements, coding standards, and best practices. Use when working with WordPress…
hunt-wordpress
Use when an authorized target exposes WordPress core, plugin, theme, REST, or XML-RPC behavior.
wordpress-cors-xmlrpc-rce-chain
Use when verified WordPress CORS, XML-RPC, role, upload, and execution behaviors may form one authorized attack path.
templ-syntax
Learn and write templ component syntax including expressions, conditionals, loops, and Go integration. Use when writing .templ files, learning templ syntax, or…
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…
html-express
Turn information-dense content into structured, readable, self-contained HTML—research reports, comparison matrices, checklists, data dashboards, decision pages. Triggered when an Agent needs to output large blocks of information, comparisons, metrics, timelines, or when the user says "make it a webpage / visualization report / HTML report". The deliverable is a single .html file that can be opened by double-clicking. For solemn PDF/resume/PPT/landing page deliverables, use kami; for video/animation use…
webflow-automation
Automate Webflow CMS collections, site publishing, page management, asset uploads, and ecommerce orders via Rube MCP (Composio). Always search tools first for…
cart
Create, design, compose, preview and manage Lexsis cart profiles. Edit promotion drafts, inspect readiness, and publish exact approved versions. Supports…
jetpack-compose
Jetpack Compose patterns for declarative UI, state management, theming, animations, and performance optimization.