Skill

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.


78
Spark score
out of 100
Updated 4 days ago
Version 15.5.1
Models
gemini 2 0

Add to Favorites

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

01

Execute a multi-stage development process from planning to final verification.

02

Ensure code quality through TDD, refactoring, and rigorous technical audits.

03

Mandatory visual and UX validation for flawless interfaces.

04

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.