skills.rest
nathangalea
nathangaleaCOMMUNITY
Explore all skills by this author →
GitHub

dashboard-page-ui

Create and update admin or vendor dashboard pages with routing and internationalization.

Updated May 2, 2026
Search Tags:#routing#dashboard#UI design#vendor#admin#page creation
One-click install
npx skills add https://github.com/nathangalea/plants-direct --skill dashboard-page-ui-nathangalea
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-page-ui
Source: https://github.com/nathangalea/plants-direct/tree/main/.claude/skills/dashboard-page-ui
Command: npx skills add https://github.com/nathangalea/plants-direct --skill dashboard-page-ui-nathangalea

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designing and modifying administrative and vendor dashboards often involves inconsistent UI patterns and routing structures, leading to confusion and errors.

Core Features & Use Cases

  • Page Creation & Modification: Add or update pages in admin or vendor dashboards with proper routing and structure.
  • UI Extension & Custom Action Implementation: Enhance pages with actions, sections, or custom states following established conventions.
  • Use Case: Developers can rapidly build new dashboard pages that conform to project standards by following this skill’s patterns, ensuring consistency and reducing development time.

Quick Start

Use this skill to create a new list page for product management under the admin dashboard.

Frequently Asked Questions about dashboard-page-ui

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

FAQPage Schema
How do I add a new page to an admin dashboard with proper routing and folder structure?▼

To add a new admin dashboard page, you must follow specific folder structures, route configurations, and UI component patterns. This standardizes page creation and ensures robust routing and composition consistency.

What is the best way to standardize UI design patterns across vendor dashboards?▼

Standardizing vendor dashboard UI design involves adhering to established conventions for page composition, custom actions, and routing. This ensures consistency, improves usability, and reduces development errors.

Can I use this approach to extend an existing dashboard page with custom actions and sections?▼

Yes, you can extend existing dashboard pages by implementing custom actions, sections, or custom states. This follows established UI component patterns to enhance functionality without breaking consistency.

Does dashboard page creation require internationalization and specific route configuration?▼

Yes, robust dashboard page creation requires adherence to specific route configuration and internationalization standards. This ensures pages are correctly structured and accessible across different locales.

Why do my vendor dashboard pages have inconsistent UI patterns and routing errors?▼

Inconsistent vendor dashboard UI patterns and routing errors occur when modifying administrative pages without standardized folder structures. Establishing consistent route configuration and component patterns resolves this confusion.

Related Skills

Explore More Content & Communication Skills→
yuheitomiyuheitomi

set-up-biome

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

Community
Advanced
kimjuyoung1127kimjuyoung1127

page-dashboard-upgrade

Upgrade the /dashboard route with deterministic loading, empty, and error states.

Community
Intermediate
WeAreBiniWeAreBini
14

design-guide

Guide frontend developers in building consistent UI components for Paperclip.

Official
Intermediate
Camilo8902Camilo8902

page-layout-builder

Generate page layouts and shells for dashboards, authentication, settings, and CRUD interfaces.

Community
Intermediate