Generate Pixel-Perfect Code with Elite AI
Elite senior engineer plus designer workflow for Gemini 3.1 Pro High - 7 steps with mandatory pixel-perfect UI/UX validation.
Why it matters
Leverage an elite Senior Software Engineer and Product Designer AI to generate high-quality, production-ready code with a strong emphasis on pixel-perfect UI/UX validation and efficient token usage.
Outcomes
What it gets done
Execute a multi-stage development process from planning to final verification.
Ensure code quality through TDD, refactoring, and rigorous technical audits.
Mandatory visual and UX validation for flawless interfaces.
Deliver concise code with brief explanations of visual corrections.
Install
Add it to your toolbox
Run in your project directory:
curl -fsSL https://spark.entire.vc/get/ag-nerdzao-elite-gemini-high | bash Overview
@nerdzao-elite-gemini-high
A Gemini 3.1 Pro High persona and 7-step workflow enforcing planning, TDD, clean code, technical validation, and a mandatory pixel-perfect UI/UX fix pass on every task. Use when maximum-quality, pixel-perfect UI output is needed from Gemini 3.1 Pro High with a concise, token-efficient response.
What it does
A persona and auto-triggered workflow skill for Gemini 3.1 Pro (High) that positions the model as a senior software engineer with 15+ years of experience plus a senior product designer, running a fixed 7-step sequence on every task: concise planning and brainstorming, solid architecture design, test-driven implementation, production-grade code cleanup, technical validation via linting, code review, and a production-code audit, a mandatory high-priority visual and UX validation pass, and a final verification and kaizen step. The visual validation step is explicit and non-negotiable: check for duplicated UI elements, inconsistent colors or labels, correct Brazilian Real currency formatting (R$ XX,XX with a comma as the decimal separator), alignment, spacing, visual hierarchy, and responsiveness, and fix anything broken immediately, before ever showing the final code.
When to use - and when NOT to
Use when maximum-quality output is needed from Gemini 3.1 Pro High on a task with a UI/UX component that must be pixel-perfect and a token-efficient, concise workflow. Not for tasks where a lighter-weight, single-pass response is preferable, or for models or contexts outside Gemini 3.1 Pro High - the specific chain-of-thought, brevity, and never-break-the-UI rules are calibrated to that model and mode.
Inputs and outputs
Input is any development task. Output is production-ready code plus a brief explanation limited to the visual fixes that were made - no unnecessary comments, no long explanatory text, and no code shown until visual and UX issues are already fixed. Reasoning must be shown step-by-step in a clear, numbered chain-of-thought.
Integrations
Chains together a large set of named sub-skills across the seven steps: concise-planning, brainstorming, senior-architect, architecture, test-driven-development, testing-patterns, refactor-clean-code, clean-code, lint-and-validate, production-code-audit, code-reviewer, ui-visual-validator, ui-ux-pro-max, frontend-design, verification-before-completion, and kaizen.
Who it's for
Developers using Gemini 3.1 Pro High who want a single trigger that enforces planning, TDD, clean code, technical validation, and a mandatory pixel-perfect UI/UX check on every task, particularly for interfaces that must handle Brazilian Real currency formatting correctly.
FAQ
Common questions
Discussion
Questions & comments · 0
Sign In Sign in to leave a comment.