skills.rest
chillzhuang
chillzhuangCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/chillzhuang/Saber --skill avue-design
Or copy as Structured Prompt for Agent▼
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?▼

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.

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

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.

Related Skills

Explore More Software Engineering Skills→
sametozkalesametozkale

vue

Convert JSON specifications into Vue 3 component hierarchies with reactive bindings.

Community
Intermediate
tiantientiantien

avue-design

Generate Avue-based Vue page configurations for CRUD, forms, and trees.

Community
Advanced
mfish-qfmfish-qf
741

frontend-crud

Generate Vue 3 + TypeScript CRUD scaffolds with a six-file structure.

Community
Intermediate
partme-aipartme-ai
610

avue-crud

Configure Avue CRUD tables with pagination, search, sorting, and export.

Official
Intermediate