Zing Forum

Reading

ColmoCode: UI/UX Skills and Agent Rule Library for Cross-Platform AI Programming Assistants

Explore how ColmoCode unifies the development experience across Antigravity, Claude Code, Cursor, and Codex CLI through 110+ UI/UX skills, 10 super workflows, and custom agent rules

AIUI/UXClaude CodeCursorCodexAgentWorkflowDesign System
Published 2026-06-07 04:45Recent activity 2026-06-07 04:52Estimated read 5 min
ColmoCode: UI/UX Skills and Agent Rule Library for Cross-Platform AI Programming Assistants
1

Section 01

ColmoCode: Core Overview & Purpose

ColmoCode (original title: colmocode) is an open-source project by nberezniker, released on GitHub on 2026-06-06 (link: https://github.com/nberezniker/colmocode). It solves the experience fragmentation of AI programming tools (Antigravity, Claude Code, Cursor, Codex CLI) by unifying them via 110+ UI/UX skills, 10 super workflows, and custom agent rules, enabling "learn once, apply anywhere" for developers.

2

Section 02

Project Background & Positioning

With the proliferation of AI programming assistants (Claude Code, Cursor, Codex CLI, Antigravity), developers face experience fragmentation when switching tools. ColmoCode's core idea is to abstract best practices into reusable skills and rules, allowing developers to get consistent high-quality AI assistance across supported platforms without worrying about underlying tool specifics.

3

Section 03

110+ UI/UX & Design Skills

ColmoCode has a library of over 110 structured UI/UX and product design skills, including Taste Skill (aesthetic cultivation), Refactoring UI, Hooked UX (user retention), Design Sprint, Interface Design, etc. These skills are optimized for AI agents—when a task like "optimize this login page" is given, relevant skills (e.g., Interface Design + Conversion Booster) are auto-loaded to generate professional solutions.

4

Section 04

10 Super Workflows for Specific Scenarios

ColmoCode provides 10 pre-defined "super workflows" (Superpowers) in the workflows/ directory, such as /forge (fast MVP prototyping), /architect (system architecture design), /conversion-booster (user conversion optimization), /debug-machine (systematic debugging). Each workflow has clear stages, checkpoints, and delivery standards, and requests human confirmation at key nodes for collaboration.

5

Section 05

Layered Custom Agent Rules

The rules/ directory contains hierarchical, composable agent rules: base rules (core identity/boundaries like "you are a professional full-stack assistant"), domain rules (tech stack-specific like React/Vue/Node.js), and project rules (team coding standards/architecture conventions). Developers can inherit generic rules and extend them for specific projects.

6

Section 06

Cross-platform Compatibility Design

ColmoCode supports four mainstream AI programming tools: Antigravity, Claude Code, Cursor, Codex CLI. It uses platform-specific adaptation layers—e.g., leveraging Cursor's inline editing for code changes, Claude Code's long context for complex dependency analysis. The agents/ directory has platform configs, and commands/ defines supported command sets.

7

Section 07

Integration of TDD & High-end Visual Aesthetics

ColmoCode uniquely combines test-driven development (TDD) and high-end visual aesthetics. TDD is embedded in workflows (writing tests before code, maintaining coverage during refactoring), while UI/UX skills ensure generated interfaces are both functional and visually appealing. This is ideal for building user-facing apps.

8

Section 08

Installation & Community Ecosystem

ColmoCode offers an install.sh script for one-click deployment. Documentation includes a README (quick start) and directory-specific details. The project encourages community contributions (new skills/rules) and uses GitHub Issues for feedback, aiming to adapt to the evolving AI tool landscape.