skills.rest
bamzc
bamzcCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

amis-builder

Generate Amis JSON schemas for forms and CRUD interfaces.

73|8|Updated Jan 6, 2026
Search Tags:#frontend development#low-code#crud#ui generation#amis#schema builder
One-click install
npx skills add https://github.com/bamzc/claude-skills-frontend --skill amis-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: amis-builder
Source: https://github.com/bamzc/claude-skills-frontend/tree/main/skills/amis-builder
Command: npx skills add https://github.com/bamzc/claude-skills-frontend --skill amis-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation of user interfaces using the Amis low-code framework, reducing development time and complexity for frontend developers.

Core Features & Use Cases

  • Amis Schema Generation: Automatically generate Amis JSON schemas for forms, CRUD operations, and more based on user requirements.
  • Amis Documentation Expert: Acts as a knowledge base, answering questions about Amis components, properties, and expressions.
  • Live HTML Preview: Generates a complete HTML file with Amis SDK for instant browser preview of generated UIs.
  • Use Case: A developer needs to quickly build a data management interface. They can describe the data fields to the Skill, which then generates the Amis schema for a CRUD table and a form for adding/editing entries, complete with a previewable HTML file.

Quick Start

Use the amis-builder skill to generate a form schema for username and email fields.

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 JSON schema for a CRUD interface?▼

To generate an Amis JSON schema for a CRUD interface, describe your data fields and requirements to the amis-builder, which outputs the complete schema for tables and forms. This streamlines rapid UI development for data management tasks.

What is the best way to preview Amis low-code UI components in a browser?▼

The best way to preview Amis low-code UI components is to generate a complete HTML file integrated with the Amis SDK for instant browser testing. This allows you to visually validate your generated JSON schemas directly.

Can I get expert guidance on Amis component properties and expressions?▼

Yes, you can get expert guidance on Amis component properties and expressions by querying the built-in knowledge base. It leverages extensive documentation to answer detailed questions about framework mechanisms and best practices.

Does the Amis schema builder support generating forms for specific data fields?▼

Yes, the Amis schema builder supports generating forms for specific data fields like usernames and emails. You simply describe the required form inputs, and the tool automatically creates the corresponding low-code configuration.

How do I create a data management interface using the Amis framework without manual coding?▼

To create a data management interface using the Amis framework without manual coding, provide your data structure to the schema generator. It automatically builds the CRUD tables and editing forms, reducing frontend development time and complexity.

Related Skills

Explore More Software Engineering Skills→
AgentientAgentient
2

mcp-pydantic-tool-definition

Define MCP tool schemas with Pydantic models and strict validation.

Official
Advanced
steedossteedos
1.6k

steedos-micro-pages

Create standalone Amis pages with paired .page.yml and .page.amis.json files.

Official
Intermediate
ehylandehyland

trpc

Build and consume type-safe tRPC APIs with shared TypeScript types.

Community
Intermediate
putrawitamaputrawitama
1

data-builder

Build DenchClaw apps that access workspace objects and run DuckDB queries.

Community
Intermediate