amis-builder

Generates amis low-code JSON schemas and previewable HTML pages from field definitions.

1|Updated Aug 18, 2026
One-click install
npx skills add https://github.com/scsm-unrestrict/dsh-frontend-engineer-agent --skill amis-builder-scsm-unrestrict
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: amis-builder
Source: https://github.com/scsm-unrestrict/dsh-frontend-engineer-agent/tree/main/frontend-engineer/skills/amis-builder
Command: npx skills add https://github.com/scsm-unrestrict/dsh-frontend-engineer-agent --skill amis-builder-scsm-unrestrict

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Building admin pages, forms, and CRUD interfaces with the Baidu amis low-code framework requires memorizing a large JSON schema vocabulary and component API surface. This Skill acts as an amis expert and knowledge base that answers usage questions, generates correct schemas from field definitions, and produces previewable HTML pages without manual documentation lookups. ## Core Features & Use Cases - Schema Generation: Converts field lists (name, displayName, fieldType, isRequired) into complete amis JSON schemas for forms, CRUD pages, cards, dialogs, and tabs, with strict required-field handling. - Documentation Lookup: Answers amis usage questions via a three-tier query strategy: Context7 MCP server first, GitHub Raw fallback through the search_docs.py script, then local template references. - HTML Preview Pages: Produces standalone HTML files embedding the amis SDK so generated schemas can be previewed directly in a browser. - Use Case: Provide a field list such as username (text, required) and email, and receive a ready-to-use horizontal two-column form schema wired to /api/create, or ask how to configure CRUD filter conditions and get a documented example. ## Quick Start Ask the agent to generate an amis form page from your field list, making sure to explicitly mention amis or low-code in your request.

Frequently Asked Questions about amis-builder

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

FAQPage Schema
How do I generate an amis form from a field list?

Provide a JSON array of fields with name, displayName, fieldType, and isRequired values, and explicitly mention amis in your request. The Skill maps each fieldType to the corresponding amis component and outputs a complete form schema with correct required flags.

How do I query amis component documentation?

Ask an amis question directly and the Skill queries the Context7 MCP server for the baidu/amis library first. If that fails, the search_docs.py script fetches Markdown docs from the official GitHub repository as a fallback.

When does the amis-builder skill not trigger?

It does not trigger when the request omits amis or low-code keywords, or when another framework such as React, Vue, Angular, or a Vite engineering project is explicitly requested. Saying only 'generate a form' is insufficient.

Can amis schemas be previewed in a browser?

Yes. When you explicitly ask for an amis preview or static HTML page, the Skill embeds the generated schema into a complete HTML file loading the amis SDK from unpkg, which renders directly when opened in a browser.

How are required fields handled in generated amis forms?

Each field's isRequired value is checked individually: isRequired 1 adds "required": true to the component, while isRequired 0 produces no required attribute or marker. The rule is applied per field, never generalized across the form.