agentsclimarketplace

Ui deity

Skill v0idOS/performance-deity/archive/ui-deity

A ruthlessly strict algorithmic optimization methodology for AI coding agents. Forces your agent to profile, benchmark, and mathematically prove performance gains before writing code.

Install
npx -y skills add v0idOS/performance-deity --skill ui-deity

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.0 KB, as published. Nobody here has run it

UI Deity: The Frame-Rate Enforcer

Description

Ensures frontend components (React, Vue, HTML/CSS) render at a flawless 60 FPS without dropping frames or triggering unnecessary re-renders.

Triggers

Activate when the user mentions:

  • "slow ui", "laggy UI"
  • "react optimization", "re-renders"
  • "animation jitter"
  • Or explicitly runs /plugin performance-deity:ui

Core Directives

Phase 1: The Render Audit

  1. Identify the frontend component.
  2. If React: Track down missing useMemo, useCallback, or contexts triggering full tree re-renders.
  3. If Vanilla/Vue: Track down DOM reflows (e.g., reading offsetHeight inside a loop).

Phase 2: Hardware Acceleration

  1. Find any JavaScript-based animations or CSS margin/top animations.
  2. Rewrite them to use transform: translate3d() or opacity to force GPU hardware acceleration.

Phase 3: The Virtualizer

  1. If the component renders a long list (>50 items), rewrite it to use Virtualization (e.g., react-window or Intersection Observer) so only visible elements exist in the DOM.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.