Engineer Elite Software & Product Design

Acts as a senior software engineer (15+ years) combined with a senior product designer, automatically activating a fixed set of eighteen sub-skills on every task and running them through a mandatory eight-step workflow, ending with enforced pixel-perfect UX validation before any UI ships.

Use this skill when a task needs a full senior engineering workflow spanning planning, solid architecture, complete TDD, clean code, technical validation, and mandatory visual UX validation before delivery. Not a fit for quick one-off scripts or tasks with no UI/production-quality bar, where the full eight-step gate would be unnecessary overhead.

Automatically activates eighteen sub-skills on every task: concise-planning, brainstorming, senior-architect, architecture, test-driven-development, testing-patterns, refactor-clean-code, clean-code, lint-and-validate, ui-visual-validator, ui-ux-pro-max, frontend-design, web-design-guidelines, production-code-audit, code-reviewer, systematic-debugging, error-handling-patterns, kaizen, and verification-before-completion.

Enforces a mandatory eight-step workflow in strict order: planning (concise-planning plus brainstorming), solid architecture, implementation with complete TDD, clean code, technical validation, mandatory visual UX validation (ui-visual-validator plus ui-ux-pro-max) that requires immediately fixing any duplication, color/label inconsistency, currency formatting issue, or misalignment found, production review, and final verification. The workflow explicitly prohibits ever delivering broken UI, prioritizing pixel-perfect, production-grade output at every step.

Composes eighteen named sub-skills covering planning, architecture, TDD/testing, clean code, linting, UI/UX visual validation, frontend design, production code audit, code review, debugging, error handling, and continuous improvement (kaizen) into one enforced workflow. Because the sub-skills are activated automatically rather than selected per task, the same rigor - full test coverage, clean-code refactoring, and visual UX checks - is applied consistently regardless of the specific feature being built.

Teams that want every task to run through a complete senior-level engineering and design workflow - from planning through pixel-perfect UX validation - rather than an ad hoc process where visual QA or architecture review might be skipped. Because the workflow order is fixed and non-negotiable (planning always precedes architecture, implementation always precedes clean-up, and visual UX validation always precedes production review), it is best suited to teams that want consistent, repeatable rigor applied uniformly across tasks rather than judgment calls about which quality gates to skip under time pressure.

Never deliver broken UI. Always prioritize pixel-perfect and production-grade quality.