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.