east-ui

Define portable East UI component trees with a type-safe API.

1|Updated Nov 2, 2025
One-click install
npx skills add https://github.com/elaraai/east-plugin --skill east-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: east-ui
Source: https://github.com/elaraai/east-plugin/tree/main/skills/east-ui
Command: npx skills add https://github.com/elaraai/east-plugin --skill east-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

East UI provides a comprehensive, portable set of UI component primitives for the East language, enabling developers to define UI layouts and interactions without tying to a specific rendering target.

Core Features & Use Cases

  • Layout and typography components (Box, Stack, Grid, Text, Heading, etc.) for building flexible interfaces.
  • Form and input components (Input, Select, Checkbox, Slider, Field, etc.) with consistent styling tokens.
  • Data presentation and visualization components (Table, DataList, Chart, Badge, Stat) for dashboards and apps.
  • Overlays and interactive patterns (Dialog, Drawer, Tooltip, Menu) to enhance UX.
  • Reference documentation and examples to accelerate development.

Quick Start

Install the East UI package and import components such as East, Stack, Text, and Button. Create a simple component using the Root factories, then compile or render it in your East project.

Frequently Asked Questions about east-ui

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

FAQPage Schema
How do I build portable UI components that work across multiple rendering targets?

East UI provides a comprehensive set of portable UI component primitives for the East language. Define components using East UI's type-safe API with UIComponentType and UIComponentArrayType, then render them across multiple targets without retooling your component definitions.

What UI components does East UI include for layouts and forms?

East UI includes layout components like Box, Stack, and Grid for flexible interfaces, plus form components including Input, Select, Checkbox, Slider, and Field with consistent styling tokens for rapid development.

Can I use East UI to build data dashboards and interactive overlays?

Yes. East UI provides data presentation components like Table, DataList, Chart, Badge, and Stat for dashboards, plus interactive patterns like Dialog, Drawer, Tooltip, and Menu to enhance user experience.

How do I get started with East UI components in my TypeScript project?

Install the East UI package, import components such as East, Stack, Text, and Button, create a simple component using Root factories, then compile or render it in your East project following the reference documentation and examples.

Does East UI conform to a standard component API?

Yes. East UI conforms to the East UI API specification with UIComponentType, UIComponentArrayType, and comprehensive reference documentation, enabling consistent component composition across layouts, forms, data displays, and overlays.