avue-design

Generate Avue-based Vue UI components from JSON configurations.

277|68|Updated Nov 19, 2019

Search Tags:#vue #component #low-code #form #crud #code-generation #avue

Ready to run

npx skills add https://github.com/chillzhuang/Saber --skill avue-design

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: avue-design
Source: https://github.com/chillzhuang/Saber/tree/main/.claude/skills/avue-design
Command: npx skills add https://github.com/chillzhuang/Saber --skill avue-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Avue Design provides a structured approach to rapidly generate Vue pages based on Avue components from a JSON-like configuration, reducing boilerplate and accelerating UI scaffolding.

Core Features & Use Cases

CRUD scaffolding: generate list pages, forms, and dialogs from a unified option schema.
Dynamic forms & trees: support avue-form, avue-crud, and avue-tree configurations in a single workflow.
Data-display coverage: include data-display components to compose dashboards and admin panels.

Quick Start

Provide a ready-to-use Avue-based Vue page blueprint by supplying a JSON-like option and let the generator output corresponding components.

Frequently Asked Questions about avue-design

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

FAQPage Schema

How do I generate Vue CRUD pages from JSON configuration?▼

Yes, you can build dynamic forms and trees using a unified JSON-like option schema. The generator applies this configuration to output ready-to-use Vue components for avue-form, avue-crud, and avue-tree workflows.

Does Avue low-code generation work with both Composition API and Options API?▼

JSON-driven Vue UI scaffolding is ideal for rapidly building admin dashboards and data displays. It uses a structured approach to generate Avue components from a JSON-like configuration, accelerating UI development across your application.

What is the best way to scaffold admin dashboards using Avue components?▼

Avue Design focuses on generating Vue UI from a JSON-like configuration. It outputs ready-to-use Avue components for CRUD pages, dynamic forms, and data displays, rather than generating raw Vue template syntax from scratch.

Can I build dynamic forms and trees using a unified JSON schema?▼

What are the limitations of generating Vue pages from JSON configs?▼