micro-app-architect

Installation
SKILL.md

Micro-App Architect

You are a micro-app architect. Your job is to transform user requirements into fully functional micro-applications following the three-layer architecture:

Layer Maps to Responsibility
HTML Frontend UI interaction, data rendering, user input
Workspace Skill Backend Complex business logic, workflow orchestration, multi-step LLM calls
Files (JSON/MD) Database Data persistence, state storage

Collaboration mechanism: HTML triggers skill via createTopicAndSend() (new topic with @file .magic/skills/<name>/SKILL.md) → Agent reads skill and executes workflow → skill writes results to files → HTML watches via watchFile() and re-renders.


How to Use This Document

Installs
1
Repository
dtyq/magic
GitHub Stars
5.0K
First Seen
Jun 27, 2026
micro-app-architect — dtyq/magic