forgex-frontend

Generate Vue3 and TypeScript pages with standardized Forgex scaffolding.

1|Updated Apr 15, 2026
One-click install
npx skills add https://github.com/codernai14-source/Forgex --skill forgex-frontend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: forgex-frontend
Source: https://github.com/codernai14-source/Forgex/tree/main/.cursor/skills/forgex-frontend
Command: npx skills add https://github.com/codernai14-source/Forgex --skill forgex-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Forgex frontend development often requires duplicating scaffolding for pages, forms, tables, and API integrations across modules. This skill consolidates frontend workflows to maximize reuse of patterns like FxDynamicTable, permission buttons, and consistent API integration.

Core Features & Use Cases

  • Standardized page scaffolds: reuse views/api/types/hooks/components patterns to build new pages quickly.
  • FxDynamicTable driven lists: configure dynamic tables and forms with minimal custom code.
  • Permissions & API integration: enforce v-permission controls and align API calls with existing backend conventions.
  • Non-invasive guidance: preserves existing styles and components while extending functionality.

Quick Start

Open the Forgex frontend project and model a new page by following the existing views/api/types/hooks/components structure.

Frequently Asked Questions about forgex-frontend

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

FAQPage Schema
How do I scaffold Vue3 frontend pages without duplicating table and form code?

To scaffold Vue3 frontend pages without duplicating code, reuse standardized views, API, types, hooks, and components patterns. This approach enforces consistent structure and eliminates repetitive scaffolding for forms and tables.

What is the best way to configure dynamic tables and forms in a Vue3 TypeScript project?

The best way to configure dynamic tables and forms in a Vue3 TypeScript project is using FxDynamicTable. It allows you to build dynamic lists and forms with minimal custom code while maintaining consistent frontend ecosystem patterns.

How do I enforce permission controls on frontend buttons in Vue3?

To enforce permission controls on frontend buttons in Vue3, apply v-permission directives. This ensures consistent permission structures across your application while extending existing views and components non-invasively.

Can I integrate API calls into existing Vue3 views without disrupting current styles?

Yes, you can integrate API calls into existing Vue3 views without disrupting current styles. The approach provides non-invasive guidance that preserves existing components and styles while aligning API calls with backend conventions.

Does this frontend scaffolding approach require specific TypeScript or Vue3 project structures?

This frontend scaffolding approach requires a Vue3 and TypeScript project following a specific views, API, types, hooks, and components structure. It fits seamlessly into the Forgex frontend ecosystem to maximize pattern reuse.

Why should I standardize API integration and page development across frontend modules?

You should standardize API integration and page development to eliminate repetitive frontend scaffolding across modules. Consolidating these workflows maximizes reuse of dynamic table patterns, permission buttons, and consistent API integration.