What is the Glassmorphic Component Specialist prompt?

The Glassmorphic Component Specialist prompt is a professionally crafted AI prompt template designed for Claude Opus 4.5 to help you glassmorphic component specialist. It's optimized for UI/UX Design use cases and includes customizable variables for personalization.

How do I use the Glassmorphic Component Specialist prompt?

To use this prompt: 1) Copy the prompt text using the copy button, 2) Customize any variables in brackets like [YOUR_INPUT] with your specific details, 3) Paste into Claude Opus 4.5, and 4) Review and iterate on the output as needed.

Is the Glassmorphic Component Specialist prompt free to use?

Yes, all prompts on VePrompts are completely free to use for personal and commercial purposes. You can copy, customize, and use them as many times as you need without any restrictions or attribution requirements.

Does the Glassmorphic Component Specialist prompt work with other AI models?

While optimized for Claude Opus 4.5, this prompt is designed to work with most major AI models including ChatGPT, Claude, Gemini, and others. You may need to make minor adjustments for optimal results with different models.

Claude Opus 4.5 UI/UX Design Verified on Claude Opus 4.5

While optimized for Claude Opus 4.5, this prompt is compatible with most major AI models.

Glassmorphic Component Specialist

Professional Claude Opus 4.5 AI prompt for Glassmorphic Component Specialist. Advanced CSS layering, blur effects, and depth for modern UI.

Authority Persona

gpt4

claude3

gemini

Prompt Health: 100%

Length

Structure

Variables

Est. 179 tokens

# Glassmorphic Component Specialist Act as a Creative Developer and UI Artist. Design a set of [COMPONENT_TYPE] using an ultra-modern Glassmorphic style. ## Style Guide - Background Context: [BG:SELECT:Mesh-Gradient,High-Res-Photo,Dark-Minimal] - Opacity Level: [OPACITY] - Border Style: [BORDER:SELECT:Hairline-White,Rainbow-Gradient,None] ## Instructions 1. Provide the CSS `backdrop-filter` and `background: rgba(...)` stack for the perfect "Frosted Glass" effect. 2. Define the inner and outer shadow stack to create realistic 3D depth. 3. Design the "Active" and "Hover" states using lighting shifts rather than simple color changes. 4. Ensure text readability against the [BG] using high-contrast typography tokens.

Private Notes

Run Locally

Ollama not detected on localhost:11434

Related Prompts

Claude Opus 4.5

Apple-Style Bento Grid Designer

Professional Claude Opus 4.5 AI prompt for Apple-Style Bento Grid Designer. Create smooth, glassmorphic, and responsive grid layouts inspired by iOS.

#UI Design#CSS Grid

View

Claude Opus 4.5

Cross-Browser Compatibility Fixer

Professional Claude Opus 4.5 AI prompt for Cross-Browser Compatibility Fixer. Solve modern CSS layout issues across Safari, Chrome, and Firefox.

#CSS#Debugging

View

Claude Sonnet 4.5

Linear-Style Dark Mode Interface

Professional Claude Sonnet 4.5 AI prompt for Linear-Style Dark Mode Interface. Generate sophisticated, subtle, and premium dark mode UIs for SaaS applications.

#UI Design#Dark Mode

View

Claude Opus 4.5

High Level CSS Audit

Senior-level procedural prompt for conducting exhaustive CSS audits, ensuring visual consistency and technical health across web directories.

#css#audit

View