skills.rest
MGurtD
MGurtDCOMMUNITY
Explore all skills by this author →
𝕏@marcgurtGitHub

frontend-patterns

Provide standardized Vue 3 patterns for list views, detail views, and dialog CRUD.

2|1|Updated Feb 16, 2026
Search Tags:#vue#vue3#pinia#frontend-patterns#component-library#primevue
One-click install
npx skills add https://github.com/MGurtD/lilith --skill frontend-patterns-mgurtd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-patterns
Source: https://github.com/MGurtD/lilith/tree/main/.github/skills/frontend-patterns
Command: npx skills add https://github.com/MGurtD/lilith --skill frontend-patterns-mgurtd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This pattern library helps frontend teams standardize Vue 3 component patterns across Lilith ERP, reducing duplication and speeding UI development.

Core Features & Use Cases

  • Provides reusable Vue 3 components and templates for list views, detail views, dialogs, validation, and nested tables.
  • Enables consistent data handling with Pinia stores, DataTables, dialogs, and form validation patterns.
  • Use cases include building entity lists, detail pages with tabs, and inline CRUD dialogs.

Quick Start

Use predefined Vue 3 component patterns to accelerate Lilith frontend development.

Frequently Asked Questions about frontend-patterns

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

FAQPage Schema
How do I build consistent Vue 3 list and detail views for an ERP system?▼

You can use predefined Vue 3 frontend patterns to build standardized list and detail views. These templates provide reusable components and consistent data handling to speed up ERP UI development across modules.

What is the best way to implement inline CRUD dialogs with PrimeVue and Pinia?▼

The best way to implement inline CRUD dialogs is using standardized patterns that integrate PrimeVue components with Pinia stores. This approach ensures consistent data handling and form validation across your application modules.

Can I use these frontend patterns for nested tables and tabbed detail pages?▼

Yes, these frontend patterns support building detail pages with tabs and nested tables. They provide reusable Vue 3 component templates specifically designed to handle complex data display scenarios within Lilith ERP.

Does this library provide form validation patterns for Vue 3?▼

Yes, the library provides standardized form validation patterns for Vue 3. It includes reusable templates that ensure consistent validation logic across dialogs and forms, reducing duplication and speeding up development.

Do I need Pinia and PrimeVue to use these Vue 3 component templates?▼

Yes, consistent use of PrimeVue components and Pinia stores is a core requirement. The templates are specifically designed to standardize data handling and UI component interactions within this ecosystem.

Related Skills

Explore More Software Engineering Skills→
a35506322a35506322

primevue

Standardize PrimeVue component implementation and form validation for Vue 3 projects.

Community
Basic
NgDuyKhanhsNgDuyKhanhs

vue-testing-best-practices

Define Vue 3 testing best practices for Vitest, Vue Test Utils, and Playwright.

Community
Advanced
slashwhyslashwhy
5

pinia-stores

Generate Pinia Setup Store patterns with TypeScript for Vue state management.

Official
Intermediate
jiaiyanjiaiyan
21

el-color-picker

Configure Element Plus color pickers in Vue 3 with alpha, formats, and palettes.

Community
Intermediate