performance optimizer

Visual Excellence Skill

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "performance optimizer" with this command: npx skills add ashishop/arc-protocol/ashishop-arc-protocol-performance-optimizer

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.

  1. SVG Optimization
  • Reduce SVG coordinate precision.

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

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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

js efficiency specialist

No summary provided by upstream source.

Repository SourceNeeds Review
General

bundle & import architect

No summary provided by upstream source.

Repository SourceNeeds Review
General

async concurrency expert

No summary provided by upstream source.

Repository SourceNeeds Review