What is the Sandhya Frontend Designer skill?

It is a specialized plugin for Claude Code that applies advanced UI/UX principles and research-backed design strategies to frontend development tasks.

Do I need to provide my own design system?

No, while you can provide a brand palette, the skill will generate a neutral, professional system if no branding is provided.

How does Enterprise Craft mode differ from Aesthetic mode?

Enterprise Craft focuses on precision, grid alignment, and performance-first motion, while Aesthetic mode encourages visual personality and creative theme exploration.

Can this skill help with accessibility?

Yes, it automatically enforces clear visual hierarchy and respects reduced-motion settings in all generated UI code.

Which frameworks does this skill support?

It is framework-agnostic and works across React, HTML, CSS, and various modern design systems.

Sandhya Frontend Designer

Name: Sandhya Frontend Designer
Author: ssimhan

byssimhan

デザインツール

Creates distinctive, research-backed frontend interfaces with a focus on high-quality UI/UX craft and aesthetic excellence.

概要

Sandhya Frontend Designer is a specialized Claude Code skill that leverages Anthropic's research-backed design strategies to automate high-quality UI/UX decisions. It allows developers to toggle between 'Enterprise Craft' mode for precise, performance-first layouts and 'Aesthetic Mode' for bold, themed visual explorations. By enforcing flow-first thinking and strict standards for typography, motion, and spacing, this skill ensures that every React or CSS output is not only functional but also visually cohesive and emotionally resonant with the target audience.

主な機能

Prioritizes flow-first thinking to align interface design with user intent.
Enforces Anthropic's frontend aesthetics cookbook strategies for superior UI craft.
0 GitHub stars
Dual-mode system for switching between Enterprise precision and Creative aesthetics.
Built-in motion design standards that respect accessibility and performance.
Automates typography and color palette selection based on project tone.

ユースケース

Refining existing frontend code to meet professional UI/UX design standards.
Exploring creative theme directions for consumer-facing web applications.
Rapidly prototyping enterprise-grade dashboards with consistent spacing and hierarchy.

概要

主な機能

Prioritizes flow-first thinking to align interface design with user intent.
Enforces Anthropic's frontend aesthetics cookbook strategies for superior UI craft.
0 GitHub stars
Dual-mode system for switching between Enterprise precision and Creative aesthetics.
Built-in motion design standards that respect accessibility and performance.
Automates typography and color palette selection based on project tone.

ユースケース

Refining existing frontend code to meet professional UI/UX design standards.
Exploring creative theme directions for consumer-facing web applications.
Rapidly prototyping enterprise-grade dashboards with consistent spacing and hierarchy.