Xilem Built-in Views

Compose Xilem UI layouts with built-in views for text, inputs, and visuals.

Updated Jan 14, 2026
One-click install
npx skills add https://github.com/Cupnfish/xilem-skill --skill xilem-built-in-views
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Xilem Built-in Views
Source: https://github.com/Cupnfish/xilem-skill/tree/main/02-views
Command: npx skills add https://github.com/Cupnfish/xilem-skill --skill xilem-built-in-views

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Xilem Built-in Views provides a ready-to-use library of views to rapidly assemble rich, reactive user interfaces without writing boilerplate components.

Core Features & Use Cases

  • Layout primitives: flex, grid, sized_box, zstack, split for responsive arrangements.
  • Text and input widgets: label, prose, text_input, checkbox, button, slider for data capture and interaction.
  • Display and async: image, progress_bar, task, worker for rendering media and background tasks.
  • Styling and extension traits: FlexExt, GridExt, and Style for customization and alignment.

Quick Start

Import the built-in views and render a simple flex_row with labeled items.

Frequently Asked Questions about Xilem Built-in Views

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

FAQPage Schema
How do I build reactive UI layouts in Xilem without writing custom widgets?

Xilem built-in views provide layout primitives like flex, grid, and zstack to compose reactive UIs without custom widgets. You can rapidly assemble responsive arrangements by combining these ready-to-use views instead of writing boilerplate components.

Can I handle user input and text capture using built-in Xilem views?

Yes, built-in Xilem views support user input and text capture. The library includes text widgets like text_input, checkbox, button, and slider to handle data capture and user interaction directly within your Xilem-based application.

Does Xilem support rendering images and running background async tasks?

Xilem supports rendering media and background tasks through built-in views. You can use the image view for media rendering and the task or worker views to handle simple asynchronous operations within your application UI.

Do I need the Masonry widget system to use Xilem built-in views?

Yes, using Xilem built-in views requires the Xilem framework and the Masonry widget system. These underlying systems enable the layout, alignment, and customization capabilities that the built-in views rely on to function properly.

What's the best way to customize alignment and styling in Xilem layouts?

The best way to customize alignment and styling is by using the extension and styling traits provided. FlexExt, GridExt, and Style traits enable layout customization and alignment for your built-in Xilem views.

Are Xilem built-in views suitable for cross-platform desktop apps?

Xilem built-in views are applicable to Xilem-based desktop and cross-platform apps. They cover common UI tasks like responsive layout, text input, and image rendering across different platforms supported by the framework.