React · For designers

A skill your agent uses when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.

MaxHan7/frontend-ui-standards-skill

Storybook best practices for Wonder Blocks component stories.

Khan/wonder-blocks

Build, review, or test LiteyukiBot v7's React/Vite WebUI under webui/ and its packaged static delivery in packages/webui/.

LiteyukiStudio/LiteyukiBot

Contains Chakra UI v3 documentation for styling, theming, and components.

mikotoIO/mikoto

用于 React / HiUI 页面从需求细化到端到端生成与验收。适用于从模糊产品需求生成并验收页面、 HiUI 页面提测前检查、页面生成后做体验走查、页面从需求到实现再到 UX 验收闭环等任务。

XiaoMi/hiui

Turns an article or spoken script into a click-through, full-screen 16:9 web presentation that looks like a video, with optional synthesized narration.

ConardLi/garden-skills

Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

avibebuilder/claude-prime

Comprehensive design guide for web, mobile, and desktop applications.

futureboard/futureboard-studio

Port and sync shadcn-style React components, blocks, examples, and documentation into Zaidan.

carere/zaidan

Checks deps update in widely consumed repos will cause problems or not, and ranks dependency updates by downstream impact for prioritisation.

cultureamp/kaizen-design-system

UI/UX design intelligence expert for web and mobile applications.

shobcoder/shob

AnyRobot 前端开发核心指南：提供 JavaScript + React + shadcn/ui 开发的精简实用规范和最佳实践。

opsrobot-ai/opsrobot

Theme and style Ignite UI Web Components (and igniteui-react) apps using CSS custom properties, optional Sass, and the igniteui-theming MCP server.

IgniteUI/igniteui-webcomponents

Create distinctive, production-grade frontend interfaces with high design quality.

jwynia/agent-skills

Community skill for applying the Geist design system to Vercel-inspired rendered frontend UI across React/Next.js/Vite/Astro/Svelte/Vue/HTML/CSS, Tailwind, shadcn, and Radix.

syhily/kobato

React/Redux frontend development patterns for RedisInsight UI: component folder structure, styled-components, hooks, named exports, barrel files, layout components, and theme usage.

redis/RedisInsight

Create distinctive, production-grade frontend interfaces with high design quality and accessible markup.

spinspire/pocketbase-sveltekit-starter

Build production-grade components for React, Vue 3, and Svelte 5 with all states (loading, empty, error, success, idle), TypeScript strict, WCAG 2.2 accessibility, server components (RSC), and…

EliasOulkadi/shokunin

Styling and structure conventions for stream-chat-react. An agent skill from GetStream/stream-chat-react.

GetStream/stream-chat-react

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

pdsuwwz/nextjs-nextra-starter

Best practices for building and improving React code components in Framer, a no-code website builder.

framer/plugins

Guide for building UI with Montage (Wanted Design System) in React/Next.js projects.

wanteddev/montage-web

Work with @alfalab/core-components React UI library — imports, theming, MCP tools, and component patterns

core-ds/core-components

Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

A skill your agent uses when implementing Motion or Framer Motion in React/JavaScript: interactive UI components, micro-interactions, gestures, layout or page transitions, and scroll-based animation.

AnastasiyaW/codex-claude-code-config

Designing and building any user-facing surface: a web page, landing page, dashboard, report, HTML document, email, or a component inside an existing app.

Zfinix/aster

Component segregation guide for Glide (@srivarsank/glide). An agent skill from SrivarsanK/Glide.

SrivarsanK/Glide

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution.

jjyaoao/HelloAgents

在 React 项目中接入、生成、修改、联调或验收 HiUI 典型页与非典型页面时使用。适用于 数据统计表、普通表格、树形表格、左树右表、数据可视化、异常反馈页、抽屉表单/详情、 全页编辑/详情、不规范原型截图转规范页、老旧系统截图/URL/源码现代化转译，以及 host-integration、rules-only、legacy-host-compatible 等场景。

XiaoMi/hiui

Builds polished browser-rendered HTML, CSS, JavaScript and React pages, dashboards, prototypes and slide decks, aiming for a stunning rather than merely functional result.

ConardLi/garden-skills

A skill your agent uses when building a new pixel-art or retro frontend with pxlkit (@pxlkit/ui-kit) — landing, dashboard, portfolio, game UI.

Joangeldelarosa/pxlkit

指导在项目中对前端代码（Next.js/React/TypeScript/Tailwind 等）进行结构、可维护性、性能与一致性审查，基于既定规则清单。适用于用户请求审查 .tsx/.ts/.js/.jsx 等前端文件或前端目录下的页面与组件。不用于后端代码（如 .py）。

ProgrammerAnthony/Anything-Extract

A skill your agent uses for UI/UX design intelligence in Codex: planning, building, reviewing, improving, or implementing web/mobile interfaces, landing pages, dashboards, design systems…

Jason904/ui-skill-lab

Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).

garfiec/Librechat-Mobile

Animation skill for Motion (prev Framer Motion) and CSS animation.

softmaple/softmaple

A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…

jiushiwon/wg-skills

MUI Base UI unstyled React components with Floating UI. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

A skill your agent uses when implementing Disney's 12 animation principles with Framer Motion in React applications

calesthio/OpenMontage

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

julianromli/opencode-template

Review component for accessibility issues. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

A skill your agent uses when converting existing React code to the pxlkit design system (@pxlkit/ui-kit), replacing the presentation layer while preserving routes, state, handlers and tests.

Joangeldelarosa/pxlkit

A checklist for UI changes that touch colors, surfaces or theme code, making sure light and dark modes, devices, states and layering all still work.

ZeroDeng01/sublinkPro

The design language for this project and how to style UI with it — the colour, type, surface and layer tokens, when to reach for an AKUI component instead of writing classes, and when TWC…

Asvarox/allkaraoke

用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。

LeastBit/Claude_skills_zh-CN

A skill your agent uses when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。

ProgrammerAnthony/Expert-Coding-Harness

Surgical aesthetic upgrade pipeline for existing React codebases.

Yu-369/VibeCurb

Creates unique, production-grade frontend interfaces with exceptional design quality.

YYH211/Claude-meta-skill

Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

LiarMTTT/TavernWeave