skills.rest
chidekina
chidekinaCOMMUNITY
Explore all skills by this author →
GitHub

react-antd-setup

Generate a React + Ant Design project with Vite and optional TypeScript, Router, and layout.

2|7|Updated Feb 22, 2026
Search Tags:#frontend#react#scaffold#vite#project-setup#antd
One-click install
npx skills add https://github.com/chidekina/aria-superpowers --skill react-antd-setup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-antd-setup
Source: https://github.com/chidekina/aria-superpowers/tree/main/skills/react-antd-setup
Command: npx skills add https://github.com/chidekina/aria-superpowers --skill react-antd-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Gera a estrutura completa de um projeto ReactJS configurado e pronto para usar Ant Design, reduzindo a complexidade inicial de setup.

Core Features & Use Cases

  • Gera projeto React com Vite (JS ou TS) pronto para desenvolvimento.
  • Inclui Ant Design e ícones, com opção de React Router e layout base.
  • Fornece template de entrada, tema e token, e uma estrutura de pastas organizada.
  • Aceita flags opcionais para Router e Layout para personalizar o setup.
  • Gera ConfigProvider com locale pt-BR e integração com tema.

Quick Start

Crie um projeto React + Ant Design com Vite e o conjunto de opções desejadas.

Frequently Asked Questions about react-antd-setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up a React project with Ant Design using Vite?▼

Setting up a React project with Ant Design using Vite is automated by this skill, which generates a clean folder structure, theme tokens, and a ready-to-use development environment.

Can I include TypeScript and React Router when scaffolding a React Ant Design app?▼

Yes, you can include TypeScript and React Router. The skill accepts optional flags during project generation to scaffold your React Ant Design app with TypeScript and a base layout.

Does this React Ant Design scaffold require any external dependencies to run?▼

No external dependencies are required. The skill independently generates the complete React and Ant Design project structure without relying on external setup tools.

What is the best way to configure Ant Design theming and locale in a new React app?▼

The best way to configure Ant Design theming is through a pre-built ConfigProvider. This skill generates a ConfigProvider with pt-BR locale integration and custom theme tokens.

Why use a standardized scaffold for a React and Ant Design frontend project?▼

Using a standardized scaffold reduces initial setup complexity by providing an organized folder structure, integrating Ant Design icons, and ensuring consistent theming configuration.

Related Skills

Explore More Software Engineering Skills→
GemachDAOGemachDAO
4

gdex-ui-install-setup

Scaffold a React or Next.js project with a GDEX SDK provider.

Official
Intermediate
wesweetwesweet
1

antd

Guide Ant Design form management with the useForm hook in React.

Community
Basic
AIBiz-AutomatyzacjeAIBiz-Automatyzacje
70

tailwind-react-guidelines

Provide React 19+ SPA development guidelines for TailwindCSS and Vite.

Community
Advanced
ar4mirezar4mirez
7

web-artifacts-builder

Build React web applications with Vite and bundle them into a single HTML artifact.

Community
Advanced