Frontend & Design · React

Audit React components for unnecessary useEffect hooks. An agent skill from viclafouch/meme-studio.

viclafouch/meme-studio

WordPress block editor code review and Gutenberg block development patterns for WordPress 6.x+.

jorgerosal/wordpress-skills

Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

Optimize React apps for 60fps performance. An agent skill from curiositech/some_claude_skills.

curiositech/some_claude_skills

Guide for implementing RemixIcon - an open-source neutral-style icon library with 3,100+ icons in outlined and filled styles.

einverne/dotfiles

Motion (Framer Motion) React animation library. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

Type-safe React forms with React Hook Form and Zod validation.

secondsky/claude-skills

リポジトリの根拠に基づき、Reactの環境、コンポーネントアーキテクチャ、状態・データフロー、ビルド検証、フロントエンドの非機能基準を定義。Reactフロントエンド、そのビルド、ランタイム境界の設定・設計時に使用。

shinpr/ai-coding-project-boilerplate

根据仓库依据定义 React 环境、组件架构、状态/数据流、构建验证以及前端非功能性标准。用于配置或设计 React 前端及其构建、运行时边界时使用。

shinpr/ai-coding-project-boilerplate

React/TypeScriptの型安全性、コンポーネント設計、状態管理ルールを適用。Reactコンポーネント実装時に使用。

shinpr/ai-coding-project-boilerplate

应用 React/TypeScript 类型安全、组件设计与状态管理规则。用于实现 React 组件时使用. An agent skill from shinpr/ai-coding-project-boilerplate.

shinpr/ai-coding-project-boilerplate

Apply Manor's public contribution standards when creating, editing, or reviewing web UI, React or TSX components, CSS, Tailwind classes, layouts, forms, cards, dialogs, navigation, responsive…

manor-os/manor-ai

Guides the agent through general Ionic Framework development including core concepts, component reference, CLI usage, layout, theming, animations, gestures, development workflow, and troubleshooting.

LeoYeAI/openclaw-master-skills

Создание высококачественных, визуально выдающихся фронтенд-интерфейсов.

AnastasiyaW/codex-claude-code-config

提供系统架构设计、技术选型、架构审查和组件设计能力。当需要设计新系统、重构现有架构或进行架构审查时使用. An agent skill from Prorise-cool/Claude-Code-Multi-Agent.

Prorise-cool/Claude-Code-Multi-Agent

Build automated Figma-to-React pipeline with the Anima SDK. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Clone websites to React/HTML code and customize Anima output with AI.

jeremylongshore/tons-of-skills-marketplace

Generate reviewable React or HTML code from a Figma design using the Anima SDK.

jeremylongshore/tons-of-skills-marketplace

Set up iterative design-to-code development loop with Anima SDK.

jeremylongshore/tons-of-skills-marketplace

Implement reference architecture for Anima design-to-code automation.

jeremylongshore/tons-of-skills-marketplace

Build Checkout UI Extensions to customize Shopify checkout with sandboxed React-like components.

jeremylongshore/tons-of-skills-marketplace

Apply the formal standard for React component engineering focusing on accessibility, composition, and styling.

IgorWarzocha/Opencode-Workflows

Create distinctive, production-grade frontend interfaces with high design quality for new standalone web artifacts, pages, posters, dashboards, React components, HTML/CSS layouts, or clearly…

Citrus-bit/Anaxa

Search the agent skills ecosystem to discover and install skills that extend AI coding agent capabilities.

EliasOulkadi/shokunin

Professional translation and localization for 8 languages (ES, JA, FR, DE, PT, ZH, KO, AR).

EliasOulkadi/shokunin

Frontend development for React, Next.js, TypeScript, and Tailwind CSS.

borghei/Claude-Skills

Build a Mendix pluggable widget from scratch with React and TypeScript and package it as an .mpk.

mendixlabs/mxcli

Stitch 프로젝트를 분석하여 DESIGN.md 파일을 생성합니다 — 디자인 시스템을 시맨틱하고 자연스러운 언어로 문서화하여 일관된 UI 생성을 지원합니다.

jh941213/my-cc-harness

모호한 UI 아이디어를 Stitch에 최적화된 상세 프롬프트로 변환합니다 — 구체성 향상, UI/UX 키워드 추가, 디자인 시스템 컨텍스트 주입.

jh941213/my-cc-harness

Transforms vague UI ideas into detailed prompts optimized for Stitch -- enhances specificity, adds UI/UX keywords, injects design system context.

jh941213/my-cc-harness

Stitch를 사용하여 자율적으로 멀티 페이지 웹사이트를 생성하는 반복 빌드 루프 패턴 — 바통 시스템으로 지속적 웹사이트 개발.

jh941213/my-cc-harness

Iterative build loop pattern for autonomously generating multi-page websites using Stitch -- continuous website development via baton system.

jh941213/my-cc-harness

Stitch 스크린을 React 컴포넌트 시스템으로 변환합니다 — 디자인 토큰 추출, 컴포넌트 분해, TypeScript 타입 생성, 자동 검증 포함.

jh941213/my-cc-harness

Converts Stitch screens into a React component system -- includes design token extraction, component decomposition, TypeScript type generation, and automated verification.

jh941213/my-cc-harness

React and Next.js performance playbook distilled from Vercel Engineering guidance.

majiayu000/spellbook

A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.

majiayu000/spellbook

Migrates a traditional Power Pages site from Bootstrap 3 to Bootstrap 5.

microsoft/power-platform-skills

创建独特的、生产级别的高质量前端界面。当用户要求构建网页组件、页面、作品、海报或应用程序时使用此技能（例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何网页 UI 进行样式美化）。生成富有创意、精致的代码和 UI 设计，避免千篇一律的 AI 审美。

LeastBit/Claude_skills_zh-CN

json-render component catalog patterns for AI-safe generative UI.

yonatangross/orchestkit

自定义页面表格批量录入技能。使用 YidaCodeCanvas 组件和 antd Table、Input、Select、DatePicker、React hooks 实现草稿、行级校验、分批并发提交和行级错误保留。YidaCodeCanvas 组件内不能直接调用 this.utils.yida.；写入默认消费发布层注入的 window.OPENYIDAYIDAAPI，提示、跳转等根级工具消费…

openyida/openyida

自定义页面信息密度设计规范。提供紧凑、舒适、宽松三种模式、切换 UI 和响应式降级；平台 JSX 组件页面的 didMount/this.utils.isMobile 仅作存量维护示例。

openyida/openyida

自定义页面 Recharts 高级图表技能。使用 YidaCodeCanvas 组件和 Recharts 实现可视化、看板图表、趋势图、组合图等现代 React 图表页面；聚合数据必须来自宜搭原生报表或已聚合接口，不在前端拉全量明细自行聚合。明确要求 ECharts、维护旧 ECharts 页面或 Recharts 无法覆盖的复杂 option 时改用 yida-chart。

openyida/openyida

The React v7 UI Kit component catalog — which drop-in components exist and how to compose/swap them (conversations, messages, users, groups, threads, calling, bubbles).

cometchat/cometchat-skills

Theme and brand the React v7 UI Kit — light/dark mode, CSS custom-property design tokens, per-component style overrides.

cometchat/cometchat-skills

Chat UI building blocks for React/Next.js from ui.inference.sh.

aiskillstore/marketplace

Declarative UI widgets from JSON for React/Next.js from ui.inference.sh.

aiskillstore/marketplace

TanStack Query v5 (React Query) server state management. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

A skill your agent uses when building, reviewing or debugging a SolidJS app — signals, stores, effects, memos and resources, and JSX that compiles to real DOM with no virtual DOM.

ericrisco/rsc-harness