Best react components skills, page 9

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

mendixlabs/mxcli

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

jh941213/my-cc-harness

Mini Diarium's opinionated security, encryption, and privacy stance.

fjrevoredo/mini-diarium

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

majiayu000/spellbook

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

openyida/openyida

基于 JSX 组件 自定义页面设计器 dataSourceMap 专用技能。仅用于维护已存在的 Page dataSource.online / this.dataSourceMap.<name.load() 形态。YidaCodeCanvas 组件没有 dataSourceMap；使用 YidaCodeCanvas 组件实现的自定义页面数据接入必须改用…

openyida/openyida

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

openyida/openyida

将已编写的宜搭自定义页面源码发布或更新到指定页面。提供源码路径、应用 ID 和自定义页面 ID 后，执行编译、发布和内容回读；原生表单不使用本技能。

openyida/openyida

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

openyida/openyida

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

JetBrains/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

A skill your agent uses when writing or fixing TypeScript type code (.ts/.tsx/.d.ts), modeling data with generics/unions/branded types, diagnosing narrowing failures, or configuring tsconfig and the…

ericrisco/rsc-harness

Provides patterns and code examples for building Next.js 16+ applications with App Router architecture.

giuseppe-trisciuoglio/developer-kit

Provides comprehensive code review capability for React applications, validates component architecture, hooks usage, React 19 patterns, state management, performance optimization, accessibility…

giuseppe-trisciuoglio/developer-kit

Provides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense boundaries, and TypeScript integration.

giuseppe-trisciuoglio/developer-kit

TypeScript + React typing conventions for Ledger Wallet. An agent skill from LedgerHQ/ledger-live.

LedgerHQ/ledger-live

Build modern React component architecture with composition patterns.

HoangNguyen0403/agent-skills-standard

Test React components with RTL and Jest/Vitest. An agent skill from HoangNguyen0403/agent-skills-standard.

HoangNguyen0403/agent-skills-standard

将基于 JSX 组件 的自定义页面升级/迁移为使用 YidaCodeCanvas 组件实现的宜搭自定义页面。适用于用户要求“.oyd.jsx / .oyb.jsx / Jsx 页面转 YidaCodeCanvas”“renderJsx 页面迁移到 YidaCodeCanvas”“把发布产物改为 runtimeCode + importedModules”。不要用于从零编写自定义页面。

openyida/openyida

Token-efficient library documentation fetcher using Context7 MCP with 86.8% token savings through intelligent shell pipeline filtering.

aiskillstore/marketplace

Guided workflow for implementing HTML design prototypes as production React components with glassmorphism styling and quality standards enforcement.

aiskillstore/marketplace

A skill your agent uses when writing or changing any React component - React Testing Library tests are behavior-focused (byRole first), use user-event, assert on accessible output, one behavior per…

makifbaysal/tasktrooper

A skill your agent uses when writing React + TypeScript components - functional components, explicit typed props, derived state over effects, and no any/unsafe casts

makifbaysal/tasktrooper

Build reusable, accessible React components with predictable APIs and ref forwarding.

Asymmetric-al/core

Unused CSS detector and dead selector auditor. An agent skill from LeoYeAI/openclaw-master-skills.

LeoYeAI/openclaw-master-skills

Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table.

pproenca/dot-skills

Vercel React Best Practices workflow skill. An agent skill from diegosouzapw/awesome-omni-skills.

diegosouzapw/awesome-omni-skills

React Component Performance workflow skill. An agent skill from diegosouzapw/awesome-omni-skills.

diegosouzapw/awesome-omni-skills

A skill your agent uses when asked for framework-specific best practices, implementation guidelines for React/Vue/Svelte/Next.js, or stack-specific patterns.

jeremylongshore/tons-of-skills-marketplace

Create react hook creator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Local react-hook-form documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

A skill your agent uses when user asks to "build a Solana dapp", "write an Anchor program", "create a token", "debug Solana errors", "set up wallet connection", "test my Solana program", or "deploy…

elophanto/EloPhanto

输出可视化，必加载。当 prompt 涉及新闻/资讯/行情/排行/报告/总结/分析/对比/选型/推荐/盘点/复盘，或预计返回 3 条以上可结构化条目时，必须先于（或同轮于）数据获取工具加载本 skill。加载后禁止用纯 markdown 文本收尾——必须用 JsxCreate 或 ChartRender 渲染。典型："搜最新伊朗新闻"、"对比…

OpenLoaf/OpenLoaf

Builds and edits a model-driven Power Apps app from a natural-language intent — tables, columns, relationships, adaptive forms with sub-grids, views, Choice-column charts, business rules, business…

microsoft/power-platform-skills

IMPORTANT: Any change to React or Next.js code must read through this skill first.

benchflow-ai/skillsbench

Aceternity UI is a collection of animated React components (3D cards, spotlight, background beams, moving borders, wavy backgrounds) built with Tailwind CSS and the motion library, installed into…

TerminalSkills/skills

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

bitovi/ai-enablement-prompts

100+ animated React components (Aceternity UI) for Next.js with Tailwind.

secondsky/claude-skills

| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

secondsky/claude-skills

TypeScript/JavaScript coding rules: style, patterns, security, testing.

softspark/ai-toolkit

A skill your agent uses when a val needs to ship JavaScript that runs in the browser — React apps, vanilla DOM scripts, canvas/games, htmx/Alpine, or any client-side module beyond a single inline…

hashgraph-online/awesome-codex-plugins

A skill your agent uses when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything users see in a browser.

hashgraph-online/awesome-codex-plugins

Validate consistency across SEED Design component documentation layers (design guidelines in ./docs/content/docs/components, Rootage specs in ./packages/rootage/components, and React docs in…

Microck/ordinary-claude-skills

Search 21st.dev component registry for production-ready React components.

yonatangross/orchestkit

Scaffolds React components from a Claude Design handoff bundle and stops at files on disk: no stories, no tests, no pull request.

yonatangross/orchestkit

Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP.

yonatangross/orchestkit

A skill your agent uses when implementing React 19 features, optimizing components, or choosing between Actions vs TanStack Query for mutations.

MadAppGang/claude-code

Fix 404 errors for frontend JS files when using Vite proxy. An agent skill from divinevideo/divine-mobile.

divinevideo/divine-mobile