rimitive-view

Build dynamic Rimitive views with el, map, and match for UI components.

Updated Jul 18, 2025
One-click install
npx skills add https://github.com/hejhi/rimitive --skill rimitive-view
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: rimitive-view
Source: https://github.com/hejhi/rimitive/tree/main/plugins/rimitive-view/skills
Command: npx skills add https://github.com/hejhi/rimitive --skill rimitive-view

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rimitive view construction often requires coordinating element creation, reactive rendering, and event handling across disparate modules. This skill provides a cohesive approach using el, map, and match to build reusable, composable UI components with clear lifecycles.

Core Features & Use Cases

  • Element creation: use el() to build elements in a simple, curry-based API.
  • Reactive lists and conditional rendering: render maps and branches based on signals with predictable updates.
  • Event handling and lifecycle hooks: attach events and lifecycle behavior declaratively, enabling portable components that can be shared across projects.

Quick Start

Add Rimitive view modules to your service, compose them with signals modules, and mount the resulting UI to a DOM container.

Frequently Asked Questions about rimitive-view

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

FAQPage Schema
How do I build reactive UI components using vanilla JavaScript?

You can build reactive UI components by using a curry-based API with el for element creation, map for keyed lists, and match for conditional rendering based on signals. This approach enables composable components with declarative event handling and predictable lifecycle hooks.

What is the best way to render reactive lists and conditional content in a framework-agnostic UI?

Rendering reactive lists and conditional content is handled by map and match, which branch UI updates predictably based on underlying signals. This allows you to create portable, composable views without relying on a specific framework's rendering engine.

How do I attach event handlers and lifecycle hooks to DOM elements declaratively?

You can attach event handlers and lifecycle hooks declaratively when constructing elements with the el function. This enables portable UI components that manage their own behavior and can be easily shared across different projects.

Can I mount dynamic views built with el, map, and match to a standard DOM container?

Yes, you can mount dynamic views built with el, map, and match to a standard DOM container. You compose your view modules with signals modules and mount the resulting UI directly into the target container element.

Does this reactive element creation approach work without external dependencies?

Yes, this approach works without external dependencies, satisfying functional requirements for element creation and module composition across vanilla JavaScript or framework-agnostic bindings. It provides a cohesive method to coordinate reactive rendering and event handling natively.