ui-builder-patterns

Creates ServiceNow UI Builder workspaces, pages, components, and data brokers.

77|23|Updated Jul 16, 2025
One-click install
npx skills add https://github.com/groeimetai/snow-flow --skill ui-builder-patterns
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-builder-patterns
Source: https://github.com/groeimetai/snow-flow/tree/main/packages/opencode/src/bundled-skills/ui-builder-patterns
Command: npx skills add https://github.com/groeimetai/snow-flow --skill ui-builder-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the creation and management of modern user interfaces within ServiceNow using the UI Builder framework, enabling faster development of custom workspaces and applications.

Core Features & Use Cases

  • Workspace & Page Creation: Generate new workspaces, pages, macroponents, and data brokers.
  • Component Integration: Add and configure various UI components like record lists and forms.
  • Data & State Management: Define and utilize data brokers and client state for dynamic UIs.
  • Event Handling: Implement event-driven logic for interactive user experiences.
  • Use Case: Quickly scaffold a new ServiceNow workspace for IT support agents, including incident list views, detail forms, and relevant data visualizations.

Quick Start

Use the ui-builder-patterns skill to create a new workspace for managing user tickets.

Frequently Asked Questions about ui-builder-patterns

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

FAQPage Schema
How do I create a ServiceNow UI Builder workspace with custom pages and data brokers?

To create a ServiceNow UI Builder workspace, you need to scaffold workspaces, pages, and macroponents while configuring data brokers for dynamic data. This Skill facilitates generating these UIB artifacts and client state configurations for Next Experience user interfaces.

Can I use ServiceNow MCP tools to automate UI Builder component generation?

Yes, you can use ServiceNow MCP tools to automate UI Builder component generation. This Skill supports integration with ServiceNow MCP tools to automatically generate and configure UI artifacts like record lists, forms, and macroponents.

What is the best way to manage client state and events in a ServiceNow Next Experience UI?

Managing client state and events in a ServiceNow Next Experience UI requires defining data brokers and implementing event-driven logic. This Skill provides tools to define client state and handle events for interactive user experiences within UI Builder.

Does UI Builder support adding record lists and forms to a custom workspace?

Yes, UI Builder supports adding record lists and forms to a custom workspace. This Skill enables component integration by allowing you to add and configure various UI components, including record lists and detail forms, into your ServiceNow workspaces.

Do I need specific dependencies to scaffold ServiceNext Experience applications?

No specific dependencies are required to scaffold ServiceNow Next Experience applications using this Skill. It operates independently with scripts and references to help you quickly build standardized UIB workspaces and pages.

Why use UI Builder patterns for developing ServiceNext Experience workspaces?

You use UI Builder patterns to enable rapid, standardized development of ServiceNow Next Experience UIs. It simplifies creating and managing modern user interfaces, allowing faster development of custom workspaces and applications like IT support agent portals.