Menu
Guidelines for building high-density enterprise UIs in Fleet Console.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | high-density-ui |
| description | Guidelines for building high-density enterprise UIs in Fleet Console. |
Note: This document contains instructions for AI code assistants working in this repository. Human developers can use it as a reference.
Use this skill when designing or modifying complex dashboards and tables in Fleet Console that require high data density.
http://go/at&d-spec-pdf and placing it in the .idea folder at infra/go/src/go.chromium.org/luci/milo/ui/.idea/atd_spec.pdf. This allows agents to read the spec directly!http://go/fcon-spec. (Note: AI agents do not have access to internal links and should rely on public guidelines or local documentation.)padding: '2px 4px' for metrics) for grid items and table cells.Builds and deploys UI demos/mocks for the ChromeOS Fleet Console/Milo UI to Google App Engine (GAE) for development and demo purposes. Handles GAE version naming constraints, VPC/cache permission workarounds, and ensures workspace cleanup after deployment.
Verifies, commits, and uploads code changes as a Gerrit CL. Use when you have completed a task, fixed a bug, or are ready to submit changes for review.
Guidelines and commands for managing stacked CLs, preserving review votes, and querying Gerrit API.
Guidelines, metrics, testing patterns, and referential stability standards for measuring and vetting frontend performance optimizations in the LUCI Fleet Console. Use this skill when refactoring React hooks, tuning custom data fetching hooks (e.g., using TanStack Query), stabilizing component re-renders, or writing robust Cypress tests for tables.
Instructions for manually testing the Fleet Console using the browser subagent. Use when you need to verify UI changes, filter interactions, or page loads in the actual browser.
Guides the creation, editing, formatting, and structural best practices for agentic skills. Use this skill when writing or reviewing skill markdown files.