Search
React · For designers
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 193 | Add and tune animated liquid-metal WebGL borders with the React metal-fx package. | boraoztunc/ | 398 | 2 repos | ~3.4k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 194 | Guides design, implementation and review of Shift interface work: shared Base UI wrappers, Tailwind v4 theme tokens, Figma matching and accessible interaction states. | shift-editor/ | 350 | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 195 | 195.UI Typography Professional typography rules for UI design, web applications, software interfaces, and all screen-based text. | bencium/ | 446 | — | ~3.5k | Automated safety check: Warn | MIT | 7 days ago |
| 196 | 196.Gsap GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins. | AThevon/ | 440 | — | ~1.6k | Automated safety check: Pass | Unknown | 5 days ago |
| 197 | 197.Redesign Critique and improve the visual design of an existing UI component with concrete implementation guidance. | superset-sh/ | 15k | — | ~281 | Automated safety check: Pass | Unknown | today |
| 198 | 198.Accessibility Accessibility patterns for WCAG 2.2 compliance, keyboard focus management, React Aria component patterns, cognitive inclusion, native HTML-first philosophy, and user preference honoring. | yonatangross/ | 292 | — | ~2.2k | Automated safety check: Pass | MIT | today |
| 199 | 199.Clone Anywebsite Clone any website's landing page with pixel-perfect fidelity. | SylphAI-Inc/ | 112 | — | ~10k | Automated safety check: Pass | No licence | 18 days ago |
| 200 | 200.Persian Rtl UI Build right-to-left Persian (Farsi) UI in React and Tailwind the way an Iranian product team would: logical CSS only, Persian fonts without letter-spacing, Persian digits and «تومان», Jalali dates… | TronIsHere/ | 212 | — | ~1.7k | Automated safety check: Warn | MIT | yesterday |
| 201 | A skill your agent uses when operating in a codebase that employs an existing design system (shadcn/ui, Material UI, Ant Design, Chakra, etc.), when you need to identify which system a project uses… | NoobyGains/ | 109 | — | ~3.1k | Automated safety check: Pass | MIT | 7 mo ago |
| 202 | A skill your agent uses when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or… | lintendo/ | 130 | — | ~831 | Automated safety check: Pass | MIT | 1 mo ago |
| 203 | 203.Ckw Design Frontend design entry point: direction, design system, visual philosophy. | sickn33/ | 47k | 1 repo | ~2.3k | Automated safety check: Pass | MIT | 2 days ago |
| 204 | Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型… | Light0305/ | 640 | — | ~3.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 205 | 205.Uniwind Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from Ohh-889/skyroc. | Ohh-889/ | 795 | — | ~1.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 206 | 206.A11y Audit Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. | alirezarezvani/ | 28k | — | ~2.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 207 | 207.Pixi Vn UI A skill your agent uses when building game UI (menus, HUD, dialogue box, settings/save screens) on top of Pixi'VN with an external JS framework (React, Vue) or with plain PixiJS components —… | DRincs-Productions/ | 149 | — | ~3.8k | Automated safety check: Pass | LGPL-2.1 | 10 days ago |
| 208 | 208.Oma Frontend Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment. | first-fluke/ | 1.3k | — | ~2.5k | Automated safety check: Pass | MIT | yesterday |
| 209 | 当用户需要创建复杂的多组件 HTML Artifacts（包含 React、Tailwind CSS、shadcn/ui）时使用。此 Skill 用于需要状态管理、路由或 shadcn/ui 组件的复杂 Artifacts，不适用于简单的单文件 HTML/JSX。 | boshi-xixixi/ | 276 | — | ~768 | Automated safety check: Pass | Apache-2.0 | 5 mo ago |
| 210 | Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify. | instructa/ | 139 | — | ~1.8k | Automated safety check: Pass | No licence | 13 days ago |
| 211 | Expert skill for converting any codebase (React/HTML/Next.js) into a pixel-perfect, SEO-optimized, and dynamic WordPress theme. | sickn33/ | 47k | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 212 | 212.Rayden Code Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns | sickn33/ | 47k | 1 repo | ~1.3k | Automated safety check: Pass | MIT | 2 days ago |
| 213 | Load this skill for any project with interactive UI, such as buttons, links, forms, modals, dropdowns, menus, tabs, sliders, toolbars, carousels, or custom widgets, in React or vanilla JavaScript. | planetabhi/ | 112 | — | ~1.3k | Automated safety check: Pass | Unknown | yesterday |
| 214 | Component creation checklist and ai-client-specific patterns for React .tsx files in opentrons-ai-client/ and protocol-designer/. | Opentrons/ | 523 | — | ~461 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 215 | 215.AI Model Web A skill your agent uses when a browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI, 页面, 前端, 网页) needs AI models via @cloudbase/js-sdk. | TencentCloudBase/ | 1.1k | 2 repos | ~6.1k | Automated safety check: Notes | MIT | yesterday |
| 216 | 216.Design Sync Push a React design system to claude.ai/design. An agent skill from asgeirtj/system_prompts_leaks. | asgeirtj/ | 69k | — | ~7.1k | Automated safety check: Pass | CC0-1.0 | yesterday |
| 217 | 217.Shadcn UI Install and configure shadcn/ui components for React projects. | jezweb/ | 1.1k | — | ~1.4k | Automated safety check: Pass | MIT | 2 days ago |
| 218 | 218.Form Validation A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Validate forms accessibly. | thedaviddias/ | 74k | — | ~633 | Automated safety check: Pass | MIT | 5 days ago |
| 219 | 219.Openforms Mui Author, render, preview and debug OpenForms FormSchemaJSON form definitions as idiomatic, themed, accessible MUI (React). | BlackBeltTechnology/ | 315 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 220 | 220.React Skills React 18 patterns for LlamaFarm Designer. An agent skill from llama-farm/llamafarm. | llama-farm/ | 836 | — | ~795 | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 221 | Shared TypeScript best practices for Designer and Electron subsystems. | llama-farm/ | 836 | — | ~696 | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 222 | 222.Slate Plan Review Slate v2 architecture/API plans against React 19.2 runtime performance, Slate-close unopinionated DX, legacy-regression proof, research evidence, and shadcn-style composability; write a… | udecode/ | 17k | — | ~15k | Automated safety check: Warn | Unknown | yesterday |
| 223 | Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. | modu-ai/ | 1.2k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 224 | 224.Oma Design AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance. | first-fluke/ | 1.3k | — | ~2.9k | Automated safety check: Pass | MIT | yesterday |
| 225 | 225.Discord A skill your agent uses when you need to control Discord from Clawdbot via the discord tool: send messages, react, post or upload stickers, upload emojis, run polls, manage threads/pins/search… | CraftOS-dev/ | 392 | 2 repos | ~1.8k | Automated safety check: Pass | MIT | 2 days ago |
| 226 | Create a React component using the Container/Presentation pattern in src/components by asking for the component name and type (ui or features), then scaffold files that follow this repository's… | github/ | 40k | — | ~1k | Automated safety check: Pass | MIT | 2 days ago |
| 227 | 227.Dev Full-stack Convex development guidelines covering React, Vite, TypeScript, mutations, auth, design system, and documentation practices. | waynesutton/ | 627 | — | ~854 | Automated safety check: Pass | MIT | 4 mo ago |
| 228 | Modern web design trends, principles, and implementation patterns for 2024-2025. | freshtechbro/ | 1k | — | ~6.6k | Automated safety check: Pass | MIT | 10 mo ago |
| 229 | Using TailwindPlus Elements (@tailwindplus/elements) in the Rocky VS Code webviews. | rocky-data/ | 304 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 230 | Generates React Spectrum UI code for Adobe Experience Cloud Shell apps and AEM UI Extensions from annotated patterns. | NeverSight/ | 217 | 1 repo | ~2.2k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 231 | A skill your agent uses when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or complex frontend structure; not for… | majiayu000/ | 287 | — | ~744 | Automated safety check: Pass | MIT | 3 days ago |
| 232 | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). | nexu-io/ | 100k | — | ~347 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 233 | Build complex claude.ai HTML artifacts with React and Tailwind. | nexu-io/ | 100k | — | ~337 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 234 | 234.Frontend Design Guidance for distinctive, intentional visual design when building or reshaping UI, HTML/React artifacts, dashboards, charts, and visual reports. | spytensor/ | 456 | — | ~2.6k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 235 | 235.Composer Plugins A skill your agent uses when working on files in packages/plugins/, adding new plugins, refactoring plugin components/containers, writing storybooks for plugins, or wiring capabilities like… | dxos/ | 526 | — | ~13k | Automated safety check: Pass | Unknown | yesterday |
| 236 | 236.Composer UI A skill your agent uses when building or styling plugin UI with Composer's design system — the @dxos/react-ui packages. | dxos/ | 526 | — | ~9.3k | Automated safety check: Pass | Unknown | yesterday |
| 237 | Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. | davila7/ | 33k | — | ~15k | Automated safety check: Pass | MIT | yesterday |
| 238 | [production-grade internal] Builds web frontends — React/Next.js components, pages, design systems, state management, typed API clients. | nagisanzenin/ | 181 | — | ~5.1k | Automated safety check: Pass | No licence | 1 mo ago |
| 239 | 239.Astro A skill your agent uses when building a content-driven or marketing site with Astro 6: static-first pages, islands and partial hydration, content collections, server islands, per-route on-demand… | ericrisco/ | 180 | — | ~3.3k | Automated safety check: Pass | MIT | 2 days ago |
| 240 | Build accessible design systems with Radix UI primitives. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 433 | 5 repos | ~5.4k | Automated safety check: Pass | No licence | yesterday |
