skills.rest
itechmeat
itechmeatCOMMUNITY
Explore all skills by this author →
𝕏@techmeatGitHub

refine-dev

Automate Refine admin interface scaffolding with REST or GraphQL backends.

22|1|Updated Jan 10, 2026
Search Tags:#react#routing#resources#admin#refine#data-provider
One-click install
npx skills add https://github.com/itechmeat/llm-code --skill refine-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: refine-dev
Source: https://github.com/itechmeat/llm-code/tree/main/skills/refine-dev
Command: npx skills add https://github.com/itechmeat/llm-code --skill refine-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building admin interfaces quickly requires boilerplate for data management, routing, and UI integration; this skill automates the scaffolding and wiring of such apps using Refine.

Core Features & Use Cases

  • Data providers: Supports REST/GraphQL backends via Refine's data providers.
  • Resources & Hooks: Quick setup of resources, CRUD hooks, authentication, and router integration.
  • UI Integration: Includes Mantine UI integration for consistent admin dashboards.
  • Use Case: Start a new admin panel project in minutes, then customize resources and CRUD pages.

Quick Start

Install Refine-based admin scaffold and configure resources, routes, and Mantine UI, then run the app to see a ready-to-use admin panel.

Frequently Asked Questions about refine-dev

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

FAQPage Schema
How do I build a React admin panel with Refine quickly?▼

To build a React admin panel with Refine quickly, this skill automates the scaffolding and wiring of enterprise admin interfaces. It configures data providers, resources, routing, authentication, and Mantine UI integration to deliver a ready-to-use admin dashboard.

Can I use Refine with a GraphQL backend for my admin dashboard?▼

Yes, you can use Refine with a GraphQL backend for your admin dashboard. The skill configures Refine data providers to support both REST and GraphQL backends, enabling seamless CRUD operations and resource management across either API protocol.

What is the best way to set up routing and resources in a Refine application?▼

The best way to set up routing and resources in a Refine application is by automating the configuration through this skill. It handles the boilerplate wiring for resources, CRUD hooks, and router integration, allowing you to define data entities and navigation paths rapidly.

Does the Refine scaffold include authentication and UI integration?▼

Yes, the Refine scaffold includes authentication setup and Mantine UI integration. It wires authentication flows into your admin interface and applies Mantine components to ensure a consistent, enterprise-grade dashboard layout without manual UI boilerplate.

How do I customize CRUD pages after scaffolding a Refine admin app?▼

To customize CRUD pages after scaffolding a Refine admin app, you modify the generated resources and hooks. The skill establishes the initial structure and data wiring, allowing you to directly adjust the Mantine UI components and CRUD operations for your specific data entities.

Related Skills

Explore More Software Engineering Skills→
yuheitomiyuheitomi

set-up-biome

Configure Biome and Shadcn/UI preferences in React projects with pnpm.

Community
Advanced
HsnSaboorHsnSaboor

apollo-connectors

Integrate REST APIs into GraphQL supergraphs using Apollo Connectors.

Community
Advanced
deepnoodle-aideepnoodle-ai

mantine-ui

Guide React developers in implementing Mantine UI components with theming and responsive layouts.

Official
Advanced
Awesome-TechnologiesAwesome-Technologies
1.2k

react-admin

Guide building and debugging react-admin admin interfaces with providers and CRUD configuration.

Official
Intermediate