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

0•

デザインツール

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.

主な機能

01Prioritizes flow-first thinking to align interface design with user intent.

02Enforces Anthropic's frontend aesthetics cookbook strategies for superior UI craft.

030 GitHub stars

04Dual-mode system for switching between Enterprise precision and Creative aesthetics.

05Built-in motion design standards that respect accessibility and performance.

06Automates typography and color palette selection based on project tone.

ユースケース

01Refining existing frontend code to meet professional UI/UX design standards.

02Exploring creative theme directions for consumer-facing web applications.

03Rapidly prototyping enterprise-grade dashboards with consistent spacing and hierarchy.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ssimhan/meal-planner sandhya-frontend-designer

For use in Claude.ai and ChatGPT

Download Skill