a2ui-project / a2ui-project/a2ui

[Feature Request] Add dev tools / agent skills to automate component management and configs

Đang mở
#1,414 2 bình luận 0 reaction 0 người được giao Xem trên GitHub
component: agent_sdk P2 type: feature/enhancement
Ngôn ngữ chính
TypeScript
Star
16.4k
Fork
1.3k
Merge trung bình
2 ngày 13 giờ
Pull request đã merge (30 ngày)
134

Mô tả

Right now, working with A2UI requires jumping back and forth between a lot of different layers just to build or update a single feature. If you want to change a component or add a new one, you have to manually sync it across the agent's JSON schema catalog, the few-shot examples, the system prompts/UI descriptions, and the actual front-end component implementation and registry. If you change one property name, you're hunting through four or five different files in different languages to keep it from breaking.

To make this a lot easier to build with, it would be awesome to introduce some developer tooling—either through a CLI, specialized agent skills, or both—that handles this coordination for us. The goal is to let developers manage the UI lifecycle and the underlying boilerplate using simple natural language or clean configs.

## **Proposed Capabilities**

### **Part 1: Authoring components and catalogs with natural language**

The most important part of this would be the ability to create or update custom catalogs, examples, and UI descriptions just by talking to an agent. For example, a developer should be able to say something like, *"add a new view to my app that shows a monthly sales breakdown"* or *"change the restaurant booking form to include a field for dietary restrictions."*

Instead of a human manually editing five different files, the tool/agent should figure out exactly what needs to change across the workspace and handle it automatically:

* **UI Descriptions:** Update the system instructions that tell the LLM when and why to use that specific interface.
* **Agent Card & Skills:** Update the `AgentCard` metadata and any associated `AgentSkills`.
* **Custom Catalog:** Automatically update the formal JSON schema registry with the right parameters and properties.
* **Examples:** Write or update the static mock JSON examples used to teach the LLM how to output the component.
* **Client-side implementation:** Generate the physical front-end component code (like Angular or Lit files) and automatically hook it up to the client catalog registry.

### **Part 2: Automating configuration options and boilerplate**

A second piece—which is less critical but would still save a ton of time—is adding skills to manage the underlying boilerplate configurations. There is a lot of setup code in the project examples, but the most important parts are really just the settings.

An agent should just inherently understand how to read and update those configurations without a developer having to manually scaffold everything. This includes updating things like:

* AgentCards and identity options
* Runners and executors (`agent_executor.py`)
* System instructions and routing setups

## **Implementation Approach**

Agent skills seem much better suited for handling the natural language side of this workflow. However, depending on just how "boilerplate" some of that underlying boilerplate code actually is, it might make more sense to rely on a CLI for those specific tasks so that the code-generation results are completely stable and predictable.

There are plenty of configurations we can eventually automate, but starting with natural language component generation would completely remove the biggest manual tax of building with the protocol today.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

The issue describes automating coordination across multiple layers: JSON schema catalog, few-shot examples, system prompts, and front-end component registry (Angular/Lit). Start by examining the existing structure of agent skills, the `AgentCard` metadata, and the `agent_executor.py` runner. Look for existing CLI tools or code-generation patterns in the repository. 'Done' means a tool or agent skill that can interpret a natural language request and update all the relevant files correctly.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, python, typescript
Lĩnh vực
cli, developer-experience, frontend, tooling
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Ít trao đổi
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.