egp-admin-pages

star 0

Admin panel patterns for EGP. Use when editing app/admin/** pages, modals, forms, or toast notifications.

Ivan-Hristoslavov By Ivan-Hristoslavov schedule Updated 3/1/2026

name: egp-admin-pages description: Admin panel patterns for EGP. Use when editing app/admin/** pages, modals, forms, or toast notifications.

EGP Admin Pages

Conventions

  • All admin pages: "use client"
  • HeroUI components (Modal, Card, Input, Select, Button, Chip)
  • Toast via useToast() from @/components/Toast
  • Confirmation modals via useConfirmation() hook
  • Forms: controlled inputs, validate before submit, loading state, disable button during submit

Form Layout

  • Use formLayout from config/design-system.ts: modalBody, sectionGap, gridFields, fullWidth
  • Use inputClassNames for consistent input styling
Install via CLI
npx skills add https://github.com/Ivan-Hristoslavov/EGP --skill egp-admin-pages
Repository Details
star Stars 0
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator
Ivan-Hristoslavov
Ivan-Hristoslavov Explore all skills →