Form List Layout logo

Form List Layout

Organization
serac-labs
form-list-layout

Configure what a form and a list look like — sys_ui_form, sys_ui_section and sys_ui_element for forms; sys_ui_list, sys_ui_list_element and sys_ui_related_list for lists; sys_filter for saved filters. Views, why a field must exist in the dictionary first, and what snow_create_menu really writes.

Overview

Publisherserac-labs
Repositoryserac
Skill nameform-list-layout
Stars
78
Forks
26
Bundled files
Instructions only
LicenseApache-2.0
Links
  • Markdown instructions

    A SKILL.md file the model loads on demand, so it only costs tokens when a request actually matches.

  • Works with any LLM

    AI skills are plain Markdown, not provider-specific code, so this works with GPT, Claude, Gemini, Grok, or a local model.

  • Self-contained

    Everything the model needs lives in the instructions — no extra files to sync.

  • Open source

    Published by serac-labs on GitHub. Read the source before you install it.

Installation

Install the Form List Layout AI skill in TypingMind to use it with any LLM, or drop it into another agent that reads SKILL.md.

1

Install in TypingMind

TypingMind installs a skill straight from its GitHub folder — it reads SKILL.md, bundles the resource files, and stores the result locally.

  1. Open the app and go to Plugins → Skills.
  2. Choose "Install from GitHub".
  3. Paste the skill folder URL below and confirm.
  4. Enable the skill in any chat where you want it available.
Plugins → Skills → Add skill → From GitHub URL, then paste the folder URL and press Continue.
2

Install in another agent

Any agent that reads the Agent Skills format can use this skill — copy the folder into that agent's skills directory.

Claude Code — .claude/skills
git clone --depth 1 https://github.com/serac-labs/serac.git /tmp/serac
mkdir -p .claude/skills
cp -r /tmp/serac/packages/skills/form-list-layout .claude/skills/form-list-layout
Restart Claude Code after copying so it picks up the new skill.

Use it in TypingMind

Enable Form List Layout in any TypingMind chat and the model takes it from there. Its name and description sit in the system prompt, and the moment a request matches, the model loads the full instructions itself — you never invoke it by hand, and it costs no tokens until it is actually used.

The model loads Form List Layout on its own as soon as a request matches it.

Works with any AI model

AI skills are plain Markdown instructions rather than provider-specific code, so Form List Layout is not tied to the model it was written for. Install it once in TypingMind and use it with GPT-5, Claude, Gemini, Grok, DeepSeek, Mistral, Llama, or a local model you run yourself — all on your own API keys.

  • Loaded only when it is needed

    The system prompt carries just the name and description. The instructions are fetched on the first matching request, so an idle skill costs nothing.

  • Switch models mid-chat

    Because the skill is instructions rather than code, changing model does not break it — the next model reads the same SKILL.md.

Skill instructions

This is the SKILL.md content the model loads. Read it before installing — a skill is instructions your model will follow.

Form and List Layout

ui-actions-policies covers behaviour on a form — what happens when a field changes. This covers the shape of it: which fields are on the form, in what order, in which sections, and what the list shows. Nothing covered lists at all before this guide.

Views come first

Almost every table in this guide has a view field, and it is the thing to decide before anything else.

A view is a named layout for one table. The empty string "" is the default view — the one everyone gets. "mobile", "ess" and any custom name are separate layouts on the same table, and editing one changes nothing about the others.

javascript
await snow_add_list_column({ table: "incident", element: "u_root_cause" })   // default view: everyone
await snow_create_list_layout({ table: "incident", view: "mobile", columns: [...] })  // mobile only

Getting this wrong is the most common way to "change nothing" — the edit landed on a view nobody opens — and the most common way to break a form for the whole company, which is the same mistake pointed the other way.

The field must exist first

sys_ui_element and sys_ui_list_element hold a field name as a string. Neither the platform nor these tools check that the column exists in sys_dictionary. Placing a field that is not there produces a layout row that silently renders nothing.

Check before you place:

javascript
await snow_discover_table_fields({ table: "incident" })

The same applies to dot-walked columns on a list (caller_id.department): the path has to resolve or the column comes back blank.

Forms

sys_ui_form       the form layout for (table, view)  — the container
  └── sys_ui_section    a section on it, with a caption and a position
       └── sys_ui_element   one field, with a position inside the section

Build outward from the container:

javascript
const form = await snow_create_form_layout({ name: "Incident", table: "incident", type: "standard" })
const sec = await snow_create_form_section({ name: "Root cause", table: "incident",
                                             caption: "Root cause", position: 2 })
await snow_add_form_field({ section_sys_id: sec.sys_id, element: "u_root_cause", position: 1 })

type on the layout is standard, related_list or split. position is an ordering hint, not an index — leave gaps (100, 200, 300) so a later insertion does not mean renumbering.

A field can appear in only one section of a view. Adding it to a second does not move it; it produces a duplicate row and an unpredictable render.

Lists

Two different things share the word "list":

TableWhat it is
List layoutsys_ui_list + sys_ui_list_elementwhich columns the table shows
Related listsys_ui_related_listwhich child tables appear under a form

Columns

javascript
// one column onto the default layout
await snow_add_list_column({ table: "incident", element: "u_root_cause", position: 4, width: 120 })

// or a whole layout at once
await snow_create_list_layout({ table: "incident", view: "", columns: [
  { element: "number", position: 1 }, { element: "short_description", position: 2 },
] })

snow_create_list_view is the third one and does something different: it creates a named view (sys_ui_list) with a comma-joined field list and an optional default filter, so users can switch into a curated column set. It does not touch the default view.

Related lists

javascript
await snow_create_related_list({ name: "Child incidents", parent_table: "incident",
                                 related_table: "incident", relationship_field: "parent_incident" })

A related list is addressed by the field on the child table that points at the parent. That is what relationship_field is. Omit it and ServiceNow looks for the conventional reference, which is right for task.parent and wrong for anything custom. Related lists are per (parent table, view) — a related list added to the default view does not appear on mobile.

Saved filters

javascript
await snow_create_saved_filter({ name: "My open P1s", table: "incident",
                                 filter: "active=true^priority=1^assigned_to=javascript:gs.getUserID()",
                                 roles: "itil", order: 100 })

filter is an encoded query, the same syntax snow_query_table takes. Leave user empty for a global filter; set it for a personal one. roles restricts who sees it in the dropdown — it is visibility, not security. The rows the filter returns are still whatever the ACLs allow.

Navigation: read this before using snow_create_menu

Both navigation tools write sys_app_module. snow_create_menu does not create an application menu — an application menu is a sys_app_application record. It creates a module, exactly like snow_create_menu_item does, and calls it a menu.

What that means in practice:

  • To hang items under an existing menu, use snow_create_menu_item with the application menu's sys_id as parent. This works and is the normal case.
  • To create a genuinely new application menu, neither tool does it. Create the sys_app_application record directly (snow_record_manage) and pass its sys_id as parent.
  • snow_create_menu produces a parentless module. It is not harmful, and it is not a menu.
javascript
await snow_create_menu_item({ title: "Open P1s", parent: appMenuSysId, link_type: "list",
                              table: "incident", order: 200 })

link_type is list, new, detail or home. A list module obeys the table's default view unless its own filter says otherwise, which ties navigation back to the first section of this guide.

Everything here is configuration

sys_ui_form, sys_ui_section, sys_ui_element, sys_ui_list, sys_ui_list_element, sys_ui_related_list, sys_filter and sys_app_module are all captured in an update set. Start one before you change a layout — see update-set-workflow — or the change is unrepeatable on the next instance.

Related

  • ui-actions-policies — behaviour on the form, once the fields are on it.
  • update-set-workflow — mandatory before any of this.
  • blast-radius — what else is configured against the table you are about to reshape.

Frequently asked questions

What does the Form List Layout AI skill do?

Configure what a form and a list look like — sys_ui_form, sys_ui_section and sys_ui_element for forms; sys_ui_list, sys_ui_list_element and sys_ui_related_list for lists; sys_filter for saved filters. Views, why a field must exist in the dictionary first, and what snow_create_menu really writes.

Why use Form List Layout on TypingMind?

Because you install it once and use it with any model. Form List Layout is plain Markdown rather than provider-specific code, so the same skill runs on GPT-5, Claude, Gemini, Grok, or a local model — and you can switch model mid-chat without it breaking. TypingMind runs on your own API keys, so you pay providers directly instead of a per-seat subscription, and your skills and chats stay in your own storage.

How do I install Form List Layout in TypingMind?

Open Plugins → Skills → Install from GitHub in TypingMind and paste https://github.com/serac-labs/serac/tree/main/packages/skills/form-list-layout. TypingMind reads its SKILL.md and installs it as a skill you can enable per chat.

Which AI models can use Form List Layout?

Any model you connect in TypingMind. AI skills are plain Markdown instructions rather than provider-specific code, so GPT, Claude, Gemini, Grok, and local models can all load this skill when a request matches it.

How many AI models can I use with Form List Layout?

As many as you like. As long as a model supports skills, you can use Form List Layout with it — GPT, Claude, Gemini, Grok, DeepSeek, Mistral, Llama and more — all on TypingMind with your own API keys.

Is the Form List Layout AI skill free?

Yes. It is published on GitHub by serac-labs under the Apache-2.0 license. You only pay your own AI provider for the tokens you use.

What are AI skills?

An AI skill is a reusable instruction bundle that teaches an AI model how to do one specific task. It follows the open Agent Skills format: a SKILL.md file with a name and description, plus any scripts, templates or reference files the model may need. The model reads the instructions only when your request matches the skill, so an installed skill costs nothing until it is used.

How are AI skills different from plugins or MCP servers?

A plugin or MCP server gives a model new tools to call — code that runs somewhere and returns a result. An AI skill gives the model knowledge and process instead: how to approach a task, which steps to follow, what good output looks like. Skills are plain Markdown, so they need no server, no API key and no runtime, and they work with any model.

View all

Set up your own AI workspace now

Get notified about new features and future giveaways by subscribing to our newsletter 👇