Render persistent interactive UI tiles with hiccup components and data aggregation.
npx skills add https://github.com/seantempesta/seon --skill ui-live-tiles
Please help me install this Agent Skill. Skill: ui-live-tiles Source: https://github.com/seantempesta/seon/tree/main/seon-skills/ui-live-tiles Command: npx skills add https://github.com/seantempesta/seon --skill ui-live-tiles
This skill solves the problem of information fragmentation where critical data, plans, and status updates are lost in a scrolling chat log, making it difficult for the user to maintain a clear overview of the agent's progress.
Use the ui-live-tiles skill to render a status dashboard that displays the current count of open tasks and a button to add a new one.
High-intent search queries and answers about installing and using this skill.
You can create a persistent visual dashboard by rendering dynamic hiccup-based components directly on the agent's primary canvas. This replaces transient text messages with a focal, re-rendering tile that stays visible throughout the interaction.
Yes, you can add interactive controls to the user interface. The skill provides buttons, forms, and inputs that allow you to trigger agent functions and accept user input directly from the visual interface.
You can visualize database records by binding agent functions to interactive tiles and aggregating stored data. This supports state-driven UI updates for real-time visualization of items like expense totals or task counts.
The best way to aggregate and display task status is to use built-in tools that summarize and visualize stored data in a clean, structured format. This enables state-driven UI updates directly on the agent's persistent canvas.
No external dependencies or components are required. The skill operates independently to facilitate rendering dynamic hiccup-based components and control elements directly on the agent's page.
brianiumDevelop hiccup UI components with alias-first, REPL-driven workflows.
allenlin90Store pre-aggregated analytics in a JSONB snapshot for fast dashboard reads.
teradata-labsMonitor Teradata query execution with real-time resources and historical logs.
PatternsDevServer-render React components to reduce client-side JavaScript in Next.js App Router.
