Claude Skills by harshkedia177

Process and apply user annotations from Design Mode. Use when the user says 'apply annotations', 'process my design comments', 'fix those', 'apply my changes', 'do what I noted', 'apply design feedback', or when the auto-read hook detects pending annotations.

Activate or deactivate the visual Design Mode overlay on a web page in the browser. Use when the user says 'activate design mode', 'turn on design mode', 'start design mode', 'inject overlay', 'enable element inspection', or 'deactivate design mode', 'turn off design mode', 'remove overlay'.

Read and return detailed information about selected elements from the Design Mode overlay. Use when the user says 'what did I select', 'inspect element', 'show element details', 'read element', 'what element is that', 'show me element info', or references an element from the overlay.

Live CSS playground for tweaking element styles in real-time in the browser. Use when the user says 'open css playground', 'let me tweak styles', 'live edit CSS', 'try different styles', 'experiment with styles', or wants to visually iterate on CSS before committing to source code.