cometchat-theming
Customize CometChat UI to match the user's app design system. Covers the CSS variable cascade, preset themes, brand color overrides, design system extraction,…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
11,025 results
Customize CometChat UI to match the user's app design system. Covers the CSS variable cascade, preset themes, brand color overrides, design system extraction,…
Dialogs, drawers, popovers and overlays: focus trap, return and dismissal.
Designs, implements and reviews cinematic websites with authorial art direction, scroll narrative and deliberate movement using Lenis, GSAP and…
Expert in TanStack Query (React Query) — asynchronous state management. Covers data fetching, stale time configuration, mutations, optimistic updates, and…
Turn any Open Knowledge Format (OKF v0.1) bundle into a beautiful, browsable static website. Use when the user wants to publish, browse, view, share, or "make…
Design and refine production-grade, opinionated frontend interfaces that avoid generic AI aesthetics. Use when asked to "design a UI", "build a component",…
Content-first template for blog and docs with readable typography and navigable structure.
Integrates design tokens with Framer for prototyping and production sites. Use when adding CSS custom properties to Framer projects, creating code components,…
Next.js 15 App Router patterns: Server Components, Server Actions, data fetching, middleware. Trigger: When building Next.js apps, working with app router,…
Zustand 5 state management patterns for React: stores, persistence, selectors, slices. Trigger: When managing global state in React, using Zustand, or…
Efficiently extract and convert the contents of any local file—such as PDF, DOCX, DOC, ODT, RTF, XLSX, XLS, or HTML—into clean, well-formatted markdown saved…
Guides Tailwind CSS v4 patterns for buttons and components. Use this skill when creating components with variants, choosing between CVA/tailwind-variants, or…
Must follow when creating or maintaining Storybook Stories, ensuring that component documentation naming, parameter definitions, and decorator configuration comply with the project Storybook authoring standards.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
Convert or sync Stitch HTML/screens into React/Vite components; triggered when token, component Props, and navigation consistency validation are needed. shadcn primitive migration, data dashboards, React Native, or video use their respective specification entry points.
Triggered when selecting, migrating, and validating shadcn/ui primitives, themes, and registry content for React pages sourced from Stitch. For initial generic HTML-to-React use stitch-react-components; do not automatically migrate unrelated projects.
Convert Stitch designs into modular Vite/Vue 3 and Element Plus components. Uses Stitch MCP get_screen to retrieve design JSON and HTML; supports…
Use when implementing i18n in Astro — locale routing strategies, getRelativeLocaleUrl/getAbsoluteLocaleUrl, Astro.currentLocale, or hreflang with sitemap.
Use when styling Astro components — scoped CSS, CSS Modules, Tailwind CSS, UnoCSS, Sass, the class:list directive, or global styles.
Detect and diagnose visual jank in React UIs. Covers two modes -- static analysis of code patterns that cause flicker, layout shift, and flash of intermediate…
This skill should be used when setting up, configuring, or initializing Tailwind CSS (v3 or v4) and shadcn/ui for Next.js 16 App Router projects. Configure…
Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard…
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel,…