Skills
.Work. You
Rest

c8y-ui

Official

Build Cumulocity UIs with Codex

Software Engineering#ui#html#design system#angular#codex#cumulocity
AuthorCumulocity-IoT
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers create high-quality HTML layouts for Cumulocity applications, ensuring consistency with the Cumulocity Codex design system and minimizing custom CSS.

Core Features & Use Cases

  • Design System Adherence: Guides users on implementing Cumulocity's design principles for typography, grid, forms, and icons.
  • Scaffolding New Projects: Provides instructions for setting up new Cumulocity web projects.
  • Efficient Styling: Promotes the use of existing Codex utility classes over custom CSS.
  • Use Case: A developer needs to build a new plugin for Cumulocity and wants to ensure it matches the look and feel of the existing platform. They can use this skill to understand how to structure their HTML and apply the correct Codex classes for elements like forms, buttons, and layout.

Quick Start

Use the c8y-ui skill to learn about the foundation design principles for Cumulocity UI development.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: c8y-ui
Download link: https://github.com/Cumulocity-IoT/cumulocity-skills/archive/main.zip#c8y-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.