Skills
.Work. You
Rest

custom-pages

Community

Create consistent, non-CRUD pages quickly.

Software Engineering#frontend#dashboard#modal#inertia#ui-patterns#optimistic-updates#custom-pages
Authorliwoo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Building portal pages, detail views, and dashboard widgets often leads to inconsistent UX and duplicated UI logic. This skill provides a cohesive pattern set to ensure visual consistency and reusability across non-CRUD pages.

Core Features & Use Cases

  • Fullscreen detail modals for item views that keep users on the list page.
  • Sidebar widgets and cards that present context data without navigation.
  • Reusable page templates that apply consistent typography, spacing, and component patterns across portals.
  • Example use cases include portal dashboards, custom detail pages, and non-tabular views that require a uniform design language.

Quick Start

Create a new Custom Page by following the Custom Pages Pattern and implement a fullscreen detail modal for item viewing.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: custom-pages
Download link: https://github.com/liwoo/goravel-inertia-tw-starter/archive/main.zip#custom-pages

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.