jmoui
Use when the user is making a UI design decision and wants to see multiple visual variants live in the running app before committing. Generates N sibling…
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
shell-ui
Shell module patterns for src/app/shell, covering global UI state, layout composition, navigation, theming with Material Design 3 tokens, and zone-less…
tanstack-table
Build tables and datagrids with TanStack Table v8. Covers column definitions, row models, sorting, filtering, pagination, grouping, expanding, row selection,…
canvas-component-utils
Use utility components to render formatted text and media correctly. Use when (1) Rendering HTML text content from props, (2) Displaying images, (3) Working…
canvas-styling-conventions
Style Canvas components with Tailwind CSS 4 theme tokens and approved utility patterns. Use when (1) Creating a new component, (2) Adding colors or styling to…
ie6-hacks
Internet Explorer 6 CSS and JavaScript compatibility patterns reference. Use when identifying legacy browser-specific code for removal during codebase…
ui-craftsman
Build mesmerizing, production-grade web pages with React, Framer Motion on every node, and cinematic animations. Use like `/ui-craftsman A SaaS landing page…
vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…
alibabacloud-ai-innovation-lab-skill
This skill is triggered when the user wants to experience, explore, or obtain cloud one-click deployment recommendations for popular AI open-source projects on GitHub. This skill consists of 2 parts: 1) The frontend page displays AI projects through the "AI Taste-Test Lab" page, and the "AI Taste-Test Lab" page address is:https://www.aliyun.com/daily-act/ecs/ai-innovation-lab；2）后端的一键部署…
using-meticulous
Guide to using Meticulous for visual regression testing of frontend changes. Use when making UI changes that need visual verification, running Meticulous…
json-render-react-email
React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when…
ada-compliance
Use when reviewing accessibility of websites, apps, or facilities, conducting WCAG audits, preparing for ADA Title II/III deadlines, or checking…
react-native-keyboard-handling
Implement frame-perfect, native-feeling keyboard handling in React Native and Expo apps. Use when content is covered by the keyboard, when keyboard animations…
ai-sdk-ui
Expert guidance for building chat UIs with AI SDK React hooks. Use when: (1) Building chatbots with useChat hook, (2) Implementing tool UIs with server/client…
dmc-best-practices
Dash Mantine Components (DMC) best practices and performance optimization guidelines. Use this skill when writing, reviewing, or refactoring Dash apps with DMC…
vercel-react-v1
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
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…
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based…
appduct
Drive an Appduct-enabled app (iOS, Android, React Native, Flutter or web) from the terminal or over MCP — connect a device, list the tools the app registers,…
nextjs-app-router
Next.js 15 App Router patterns for Server/Client Components, async params, layouts, route handlers, Server Actions, and data fetching. Use when creating…
zod-react-hook-form
Form validation combining Zod schemas with React Hook Form, including localized error messages, Server Action integration, and shadcn/ui Form components. Use…
tanstack-react-table-best-practices
TanStack Table v9 conventions for stable React table schemas and instance behavior. Use when creating or reviewing React tables, columns, metadata, or…
cometchat-react-astro
Integrate CometChat React UI Kit v6 into an Astro project using React islands and the @cometchat/skills-cli. Replaces the v1 prose skill once the CLI is…
cometchat-react-react-router
Integrate CometChat React UI Kit v6 into a React Router project (v6 or v7) using the @cometchat/skills-cli. Replaces the v1 prose skill once the CLI is…