skills.rest
jeniferGoncalvesDaSilvaDev
jeniferGoncalvesDaSilvaDevCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/jeniferGoncalvesDaSilvaDev/ISO-AI --skill frontend-design-jenifergoncalvesdasilvadev
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
sergeyitalysergeyitaly
1

frontend-design

Guide structured frontend design with typography, color, layout, motion, and UX copy.

Community
Intermediate
vh2224vh2224
1

frontend-design

Create production-grade frontend interfaces with cohesive typography, color, spacing, and motion.

Community
Advanced
Mateo1099Mateo1099

frontend-design

Design and implement production-grade frontend interfaces with HTML, CSS, and JavaScript.

Community
Advanced
polyuiislabpolyuiislab
1.2k

frontend-design

Generate production-grade frontend interfaces from bold aesthetic direction.

Community
Advanced