skills.rest
objectstack-ai
objectstack-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

objectstack-ui

Author ObjectStack UI metadata for Views, Apps, Pages, Dashboards, Reports, and Actions.

22|6|Updated Jan 18, 2026
Search Tags:#reports#dashboards#zod#views#actions#objectstack#ui metadata
One-click install
npx skills add https://github.com/objectstack-ai/framework --skill objectstack-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: objectstack-ui
Source: https://github.com/objectstack-ai/framework/tree/main/skills/objectstack-ui
Command: npx skills add https://github.com/objectstack-ai/framework --skill objectstack-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It prevents fragmented, hard-to-reason UI definitions by providing a clear protocol for designing ObjectStack Views, Apps, Pages, Dashboards, Reports, and Actions as structured metadata that AI agents and the runtime can understand.

Core Features & Use Cases

  • Author Views for object surfaces: Define list, form, kanban, calendar, gantt, and other view types with data providers, columns, filtering, sorting, and grouping rules.
  • Compose Apps and Pages: Build navigation trees and Lightning-style page layouts using templates, regions, and component catalogs for record detail and app surfaces.
  • Configure analytics and interaction: Define dashboards and reports (including chart and matrix patterns) plus UI actions (URL/modal/flow/script) with visibility rules and safe refresh behavior.

Quick Start

Use the objectstack-ui skill to design a list view plus a record detail page for a business object, then add a dashboard widget that summarizes key metrics using date macros and a compareTo period-over-period overlay.

Frequently Asked Questions about objectstack-ui

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

FAQPage Schema
How do I define UI metadata for dashboards and views that AI agents can load?▼

To define UI metadata for AI agents, you author structured ObjectStack Views, Dashboards, Reports, and Actions using typed Zod-derived structures. This provides a clear protocol so AI agents and the runtime can consistently load and operate the UI definitions.

What is the best way to configure list and kanban views with data providers and filtering?▼

The best way to configure list and kanban views is by authoring ObjectStack UI metadata that specifies data providers, columns, filtering, sorting, and grouping rules. This ensures the surface definitions are structured correctly for the runtime.

Can I use Zod structures to build dashboard widget layouts and analytics report configurations?▼

Yes, you can use typed Zod-derived structures to build dashboard widget layouts and analytics report configurations. This approach enforces a clear protocol for defining chart patterns, matrix configurations, and date macros.

How do I set up UI actions with visibility and parameter rules for a record detail page?▼

You set up UI actions with visibility and parameter rules by defining URL, modal, flow, or script semantics within the ObjectStack UI metadata. This ensures safe refresh behavior and proper action placements on record detail pages.

Does this approach support composing Lightning-style page layouts and navigation trees?▼

Yes, this approach supports composing Apps and Pages by building navigation trees and Lightning-style page layouts. You use templates, regions, and component catalogs to structure record detail and app surfaces effectively.

Related Skills

Explore More Design & Creative Skills→
objectstack-aiobjectstack-ai
22

objectstack-data

Design ObjectStack business data schemas with Zod, CEL formulas, and seed datasets.

Official
Advanced
mr-kellymr-kelly
4

kelly-devops

Monitor service uptime, SSL expiry, domains, and cloud billing anomalies.

Community
Advanced
Maccio-huangMaccio-huang

live-artifact

Generate refreshable HTML artifacts from local data or connectors.

Community
Advanced
ncsound919ncsound919

frontend-design

Design frontend interfaces and components for React or HTML/CSS.

Community
Advanced