replicant-ui

Develops ClojureScript UIs with Replicant vDOM and Hiccup syntax.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/pyze/claude-plugin --skill replicant-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: replicant-ui
Source: https://github.com/pyze/claude-plugin/tree/main/skills/replicant-ui
Command: npx skills add https://github.com/pyze/claude-plugin --skill replicant-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides the tools and patterns to build dynamic and interactive user interfaces using the Replicant vDOM library and Hiccup syntax, enabling efficient UI development without React.

Core Features & Use Cases

  • Component-Based UI: Create reusable UI components as simple ClojureScript functions.
  • Event Handling: Implement robust event handling with pure data structures for testability and determinism.
  • Lifecycle Management: Utilize lifecycle hooks for DOM operations, memory management, and JavaScript interop.
  • Use Case: Develop a complex dashboard with real-time data updates, interactive charts, and form inputs, all managed efficiently by Replicant.

Quick Start

Use the replicant-ui skill to render a simple 'Hello, World!' message to the DOM element with the ID 'app'.

Frequently Asked Questions about replicant-ui

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

FAQPage Schema
How do I build ClojureScript user interfaces without React?

You can build ClojureScript user interfaces without React by using the Replicant vDOM library and Hiccup syntax to create reusable components as simple functions, enabling efficient and declarative UI development.

What is the best way to handle DOM events in a Replicant vDOM application?

The best way to handle DOM events in a Replicant vDOM application is by implementing pure data event handlers. This approach ensures your event logic remains fully testable and deterministic without relying on direct DOM mutations.

How does lifecycle management work with Replicant for JavaScript interop?

Lifecycle management in Replicant utilizes lifecycle hooks to handle DOM operations, memory management, and JavaScript integration. These hooks ensure proper resource cleanup and seamless interop when dynamic UI components mount and unmount.

Can I use Hiccup syntax to create reusable components for complex dashboards?

Yes, you can use Hiccup syntax to create reusable components for complex dashboards. Replicant allows you to build interactive charts, form inputs, and real-time data updates managed efficiently through declarative data structures.

Why choose Replicant over other frontend virtual DOM libraries?

Choose Replicant over other frontend virtual DOM libraries to achieve a performant, testable, and declarative UI framework. It eliminates React dependencies while facilitating pure data event handlers and straightforward ClojureScript component functions.