skills.rest
liwoo
liwooCOMMUNITY
Explore all skills by this author →
Website𝕏@liwucodesGitHub

inertia-columns

Generates multilingual UI columns and filters for Goravel's admin CRUD pages.

16|11|Updated Jun 12, 2025
Search Tags:#typescript#frontend#react#i18n#crud#generate#columns
One-click install
npx skills add https://github.com/liwoo/goravel-inertia-tw-starter --skill inertia-columns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: inertia-columns
Source: https://github.com/liwoo/goravel-inertia-tw-starter/tree/main/.claude/skills/inertia-columns
Command: npx skills add https://github.com/liwoo/goravel-inertia-tw-starter --skill inertia-columns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Simplifies creating consistent, internationalized table columns and filters for Goravel CrudPages by providing ready-to-use definitions that adapt to your entity's data.

Core Features & Use Cases

  • Generates React/TypeScript column definitions with i18n-aware labels and status rendering
  • Provides filter configurations compatible with CrudPage components and TFunction
  • Adapts to desktop and mobile layouts, with reusable patterns for new entities

Quick Start

Provide the EntityName to generate the i18n-aware columns and filters for its CRUD page.

Frequently Asked Questions about inertia-columns

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

FAQPage Schema
How do I generate i18n-aware CRUD columns for a Goravel entity in React?▼

You can generate i18n-aware CRUD columns by providing the EntityName to the generator, which outputs TypeScript CrudColumn[] and CrudFilter[] definitions adapted for desktop and mobile layouts using a TFunction parameter.

What is the best way to configure internationalized table filters for a Goravel CrudPage?▼

Configuring internationalized table filters requires passing a TFunction parameter to generate compatible CrudFilter[] definitions, ensuring your Goravel CrudPage components render localized filter labels without internal React hooks.

Does this column generation approach support status-based rendering and mobile layouts?▼

Status-based rendering and mobile layout adaptation are supported natively, allowing the generated CRUD column definitions to conditionally render entity statuses across both desktop and mobile Goravel CrudPage views.

Can I use React hooks inside the generated CRUD column definitions?▼

React hooks cannot be used inside the generated definitions because the interface enforces a pure function pattern, taking a TFunction parameter and returning only CrudColumn[] and CrudFilter[] arrays.

How do I automate TypeScript column creation with internationalized labels for frontend tables?▼

Automating TypeScript column creation involves passing your EntityName to generate ready-to-use definitions, which automatically inject i18n-aware labels and status rendering patterns for your frontend data tables.

Why do I need a TFunction parameter to generate CRUD column definitions?▼

A TFunction parameter is required to translate column labels and filter configurations dynamically, ensuring the generated CRUD definitions remain pure functions that output properly internationalized text for your Goravel entity.

Related Skills

Explore More Software Engineering Skills→
liwooliwoo
16

inertia-detail

Generate a read-only Inertia.js detail view for Goravel entities with i18n labels.

Community
Advanced
liwooliwoo
16

inertia-page

Generate an Inertia index page component for a Goravel entity.

Community
Intermediate
liwooliwoo
16

goravel-crud-page

Generate admin CRUD page controllers, routes, and React/Inertia components for Goravel entities.

Community
Advanced
liwooliwoo
16

inertia-custom-page

Scaffold non-CRUD Inertia pages with i18n and React components for Goravel apps.

Community
Advanced