skills.rest
ddmanyes
ddmanyesCOMMUNITY
Explore all skills by this author →
GitHub

frontend-design

Enforce Pro Max frontend design guidelines for Next.js/React UI components.

Updated Apr 20, 2026
Search Tags:#performance#accessibility#responsive#tailwind#ui-ux#design-systems#frontend-design
One-click install
npx skills add https://github.com/ddmanyes/antigravity-skills-zht --skill frontend-design-ddmanyes
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/ddmanyes/antigravity-skills-zht/tree/main/disabled_skills/frontend-design
Command: npx skills add https://github.com/ddmanyes/antigravity-skills-zht --skill frontend-design-ddmanyes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps design teams standardize and elevate frontend interfaces by enforcing the UI-UX Pro Max guidelines, ensuring accessibility, performance, and visual consistency across projects.

Core Features & Use Cases

  • Priority-driven design guidelines (A11y, responsiveness, performance, and style consistency) are applied across UI components.
  • Styles and tech-stack best practices (Glassmorphism, Bento Grid, Modern Minimalist, Tailwind/Lucid components) guide consistent design systems.
  • Use Case: Teams delivering production-grade dashboards and interactive web apps with reusable, accessible components.

Quick Start

Apply the Pro Max frontend design standards to your first UI component to see instant improvements.

Frequently Asked Questions about frontend-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize frontend design quality across UI components in Next.js?▼

Frontend design standardization applies priority-driven guidelines across UI components, enforcing accessibility, responsiveness, performance, and visual consistency within Next.js or React applications.

What are the best practices for building accessible and high-performance web applications?▼

Accessible and high-performance web applications require enforcing UI-UX guidelines that prioritize A11y, responsiveness, and style consistency alongside component-based architecture and modern styling techniques like Tailwind.

Does this frontend design approach work with Tailwind and React component-based architecture?▼

Yes, the frontend design approach integrates with Tailwind and React component-based architecture, applying best practices for Glassmorphism, Bento Grid, and Modern Minimalist styles to ensure consistent design systems.

Can I use these design guidelines to build production-grade dashboards and interactive web apps?▼

Yes, you can use these guidelines to build production-grade dashboards and interactive web apps, specifically targeting UI development teams needing reusable, accessible, and visually consistent components.

How do I apply consistent design systems using modern UI styles like Glassmorphism and Bento Grid?▼

Apply consistent design systems by leveraging tech-stack best practices that guide the implementation of modern UI styles like Glassmorphism, Bento Grid, and Modern Minimalist using Tailwind and Lucid components.

Related Skills

Explore More Design & Creative Skills→
AlfxjxAlfxjx

design-taste-frontend

Enforce metric-based UI/UX rules and optimize frontend design for React or Next.js projects.

Community
Advanced
WaishnavWaishnav
13

frontend-design

Turn vague frontend concepts into production-grade UI implementations.

Community
Advanced
viktorbezdekviktorbezdek
10

frontend-design

Create accessible, responsive UI design systems with Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
darthlinuxerdarthlinuxer

web-design-guidelines

Audit web frontend files against Web Interface Guidelines and output file:line findings.

Community
Intermediate