fe-design

Generate frontend interfaces with distinctive visual languages and production-grade code.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/MiguelAguiarDEV/baymax --skill fe-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fe-design
Source: https://github.com/MiguelAguiarDEV/baymax/tree/main/skills/fe-design
Command: npx skills add https://github.com/MiguelAguiarDEV/baymax --skill fe-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of generating frontend interfaces that avoid generic AI aesthetics, ensuring distinctive and production-grade designs.

Core Features & Use Cases

  • Aesthetic Direction: Guides the creation of interfaces with a clear visual language (minimal, brutalist, editorial, playful, etc.).
  • Frontend Aesthetics: Provides guidelines on typography, color, motion, and spatial composition.
  • Use Case: When a user asks to build a new web component, this skill ensures it has a unique visual identity and adheres to best practices in frontend design.

Quick Start

Use the fe-design skill to create a new web component with a minimalist aesthetic.

Frequently Asked Questions about fe-design

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

FAQPage Schema
How do I generate frontend interfaces that avoid generic AI aesthetics?

To generate frontend interfaces avoiding generic AI aesthetics, use this skill to apply a specific visual language like minimal, brutalist, or editorial, ensuring distinctive and production-grade design choices. It guides typography, color, and spatial composition for unique web components.

What is the best way to build a web component with a unique visual identity?

Building a web component with a unique visual identity requires applying clear aesthetic direction and frontend design guidelines. This skill provides rules for typography, motion, and spatial composition to create production-grade interfaces with distinctive, non-generic aesthetics.

Can I use this skill to create a minimalist web page with real working code?

Yes, you can create a minimalist web page with real working code. This skill generates production-grade frontend applications by applying specific visual languages and exceptional attention to detail, ensuring the output is functional and avoids generic AI looks.

Does this frontend design skill provide guidelines for typography and color?

Yes, this frontend design skill provides guidelines for typography, color, motion, and spatial composition. It directs the creation of interfaces with a clear visual language to satisfy requirements for high design quality and unique frontend aesthetics.

When do I need a specific visual language for frontend web development?

You need a specific visual language for frontend web development when building web components, pages, or applications that require distinctive aesthetics and must avoid generic AI looks. It ensures exceptional attention to detail and production-grade design quality.