# Alexnguyen03 Zentro Zentro Frontend Design > Skill 15: Frontend Design - Skill: `tomevault-io/alexnguyen03-zentro-zentro-frontend-design` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/alexnguyen03-zentro-zentro-frontend-design` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/alexnguyen03-zentro-zentro-frontend-design/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/alexnguyen03-zentro-zentro-frontend-design --- # Skill 15: Frontend Design ## Purpose Design practical desktop UI with high clarity and low cognitive load. ## Mandatory Rules - Prioritize workflow speed over visual novelty. - Keep hierarchy consistent (typography, spacing, color semantics). - Ensure keyboard-first productivity for SQL workflows. - Keep business rules in features/stores, not presentational components. ## Verification - Manual flow test: connect -> query -> inspect -> export -> history. - Check desktop resizing behavior and accessibility basics. --- > Source: [alexnguyen03/zentro](https://github.com/alexnguyen03/zentro) — distributed by [TomeVault](https://tomevault.io).