frontend-design

Create UI/UX design plans focused on subject, audience, and single job.

Updated Feb 24, 2026

Search Tags:#layout #visual design #UI/UX design #aesthetic direction #Typography

Ready to run

npx skills add https://github.com/jeniferGoncalvesDaSilvaDev/ISO-AI --skill frontend-design-jenifergoncalvesdasilvadev

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/jeniferGoncalvesDaSilvaDev/ISO-AI/tree/main/.agents/skills/frontend-design
Command: npx skills add https://github.com/jeniferGoncalvesDaSilvaDev/ISO-AI --skill frontend-design-jenifergoncalvesdasilvadev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill assists in crafting distinctive visual designs for UI/UX development, offering a unique aesthetic perspective to stand out from templated defaults.

Core Features & Use Cases

Distinctive Aesthetics: Encourage deliberate, opinionated choices in design elements like palette, typography, and layout.
Aesthetic Risk: Take a single aesthetic risk justified by the design brief.
Subject Matter Focus: Ground design in the subject's real world, audience, and page's single job.

Quick Start

Use the frontend-design skill to create a design plan for a new app focusing on the app's subject, audience, and single job, and include a unique aesthetic element.

Frequently Asked Questions about frontend-design

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

FAQPage Schema

How do I create a distinctive UI/UX design that avoids default templates?▼

A distinctive UI/UX design requires deliberate choices in palette, typography, and layout, grounding elements in the subject's real world, the audience, and the page's single job.

What is an aesthetic risk in visual design and when should I take one?▼

An aesthetic risk is an opinionated choice in typography or palette that deviates from templated defaults. You should take a single risk justified by your design brief.

How do I plan typography and layout for a specific audience?▼

Plan typography and layout by focusing on the subject's real world, the specific audience, and the page's single job, executing design principles with precision to serve them.

Do I need prior design principles knowledge to use this UI/UX approach?▼

Yes, creating distinctive visual designs with this approach requires a clear understanding of design principles and the ability to execute them with precision.

What is the best way to define a single job for a web page layout?▼

The best way to define a single job for a layout is to ground the visual design in the subject's real world and the audience, ensuring all elements serve one specific purpose.