cody-ui

Create structured UI element descriptions for Cody Engine applications.

6|3|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/proophboard/skills --skill cody-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cody-ui
Source: https://github.com/proophboard/skills/tree/main/skills/cody/ui
Command: npx skills add https://github.com/proophboard/skills --skill cody-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It streamlines the creation of detailed UI specifications for Cody Engine applications, enabling precise page, navigation, and action definitions.

Core Features & Use Cases

  • Page Metadata and Routing: Defines paths, breadcrumbs, titles, and parent relationships.
  • Sidebar Navigation: Configures menu entries for main navigation.
  • Views and UI Schemas: Structures data forms and display components.
  • Actions and Commands: Adds interactive buttons and links for user operations.

Quick Start

Model a new page specification by writing its metadata, sidebar, views, and actions in the prescribed markdown and code block format.

Frequently Asked Questions about cody-ui

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

FAQPage Schema
How do I define UI pages and navigation for low-code applications?

Defining UI pages and navigation for low-code applications involves creating structured descriptions that detail page metadata, routing paths, sidebar menus, and user actions. This streamlines building comprehensive interfaces for data entry and command execution.

What is the best way to structure data entry forms in a Cody Engine application?

The best way to structure data entry forms in a Cody Engine application is by configuring views and UI schemas. This structures display components and forms using prescribed markdown formats and configuration schemas for precise specifications.

Do I need to know JEXL expressions to build application interfaces with this approach?

Yes, understanding JEXL expressions is necessary to build application interfaces this way. Crafting structured UI element descriptions necessitates knowing JEXL expressions, configuration schemas, and specific page types to detail layouts and user actions correctly.

How does configuring sidebar navigation work for low-code app interfaces?

Configuring sidebar navigation works by defining menu entries for main navigation within structured descriptions. This specifies sidebar hierarchy and routing relationships, enabling precise navigation menu definitions for low-code application users.

Can I add interactive buttons and commands for user operations in low-code apps?

Yes, you can add interactive buttons and commands for user operations in low-code apps. By defining actions and commands within the UI specification, you add interactive buttons and links that execute specific user operations and commands.

What are the limitations when defining page metadata and routing for applications?

Limitations when defining page metadata and routing include being constrained to the configuration schema's structure. You must define paths, breadcrumbs, titles, and parent relationships using prescribed markdown formats, limiting free-form layout customization outside the schema.