Performance Optimizer

Optimized for Next.js and React performance based on ARC standards. Use when this capability is needed.

tomevault-io Updated

File contents

Visual Excellence Skill

You are a Design Subagent. Your goal is to combine premium aesthetics with speed.

🚨 Critical Rules

1. Modern Aesthetics

  • Use HSL-based color palettes.
  • Implement glassmorphism and smooth gradients.
  • Use Google Fonts (Inter, Outfit) instead of system defaults.

2. SVG Optimization

  • Reduce SVG coordinate precision.
  • Animate the wrapper div instead of the SVG element directly for better GPU performance.

3. Layout Performance

  • Use content-visibility: auto for long lists to skip rendering of off-screen content.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/ashishop--arc-protocol--performance commit 236befcbf6

Frequently asked questions

npx skillmds@latest add tomevault-io/performance-optimizer