frontend-skill

Design landing pages and UI prototypes with restrained composition and deliberate motion.

1|Updated Mar 27, 2026
One-click install
npx skills add https://github.com/devkeni/Skills --skill frontend-skill-devkeni
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-skill
Source: https://github.com/devkeni/Skills/tree/main/frontend-ui/frontend-skill
Command: npx skills add https://github.com/devkeni/Skills --skill frontend-skill-devkeni

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and teams struggle to craft landing pages and interfaces that balance strong visuals with calm composition, enabling premium UI without clutter.

Core Features & Use Cases

  • Plan visual thesis, content plan, and interaction thesis before building
  • Favor image-led composition, clear typography, and restrained color usage
  • Provide guidelines and templates for landing pages, apps, prototypes, and demos to maintain consistency

Quick Start

Provide a visual thesis, content plan, and interaction thesis before starting any build.

Frequently Asked Questions about frontend-skill

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

FAQPage Schema
How do I design a landing page with strong visuals without creating visual clutter?

You can design visually strong landing pages by applying restrained composition, clear typography, and deliberate motion to enforce clear visual hierarchy and prevent clutter.

What do I need to provide before building a UI prototype with premium visuals?

Before building a UI prototype, you must provide a visual thesis, content plan, and interaction thesis to guide the composition, typography, and motion design effectively.

Can I use this approach for product launches and brand-focused marketing campaigns?

Yes, this approach suits brand-focused campaigns, product launches, and marketing sites by providing guidelines and templates that maintain premium visuals and clear hierarchy.

What are the rules for color usage and typography when creating website UI designs?

Creating website UI designs requires enforcing strict rules for spacing, restrained color usage, and typographic limits to maintain a calm, image-led composition and clear hierarchy.

When should I avoid using image-led composition for my marketing site?

Avoid image-led composition for marketing sites when your project lacks high-quality imagery or requires dense text layouts, as this approach prioritizes premium visuals and deliberate spacing over text density.