skills.rest
DEEP-PolyU
DEEP-PolyUOFFICIAL
Explore all skills by this author →
WebsiteGitHub

frontend-skill

Create landing pages and UI with restrained composition and cohesive structure.

1|Updated Apr 9, 2026
Search Tags:#typography#branding#ui-design#motion#visual-design#landing-page
One-click install
npx skills add https://github.com/DEEP-PolyU/matopt-xlab --skill frontend-skill-deep-polyu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-skill
Source: https://github.com/DEEP-PolyU/matopt-xlab/tree/main/backend/skills/frontend-skill
Command: npx skills add https://github.com/DEEP-PolyU/matopt-xlab --skill frontend-skill-deep-polyu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Craft visually strong landing pages and UI through restrained composition, cohesive structure, and strong imagery to avoid clutter and elevate perceived quality.

Core Features & Use Cases

  • Define a visual thesis, content plan, and interaction thesis before building to establish clear design direction.
  • Enforce typography and imagery rules, motion guidelines, and spacing defaults to deliver premium UI with minimal chrome.
  • Use cases include landing pages, product sites, and apps where brand clarity and visual hierarchy drive user engagement.

Quick Start

Create a premium landing page concept by defining a visual thesis, content plan, and interaction thesis before building.

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 visually strong landing page that avoids clutter?▼

Design visually strong landing pages by establishing restrained composition, cohesive structure, and strong imagery before building to avoid clutter and elevate perceived quality.

What is a visual thesis and interaction thesis in UI design?▼

A visual thesis and interaction thesis in UI design define the clear design direction for content plans and interactions, ensuring premium results with minimal chrome and deliberate motion.

How do I enforce typography and imagery rules for premium UI?▼

Enforce typography and imagery rules for premium UI by applying limited typefaces, strong imagery, and spacing defaults to deliver a brand-first website with minimal chrome.

Can I use this approach for product sites and app prototypes?▼

Yes, you can use this approach for product sites and app prototypes where brand clarity and visual hierarchy drive user engagement through restrained composition and cohesive structure.

Why does my landing page UI lack perceived quality?▼

Your landing page UI lacks perceived quality when it misses a cohesive structure, strong imagery, and deliberate motion, leading to clutter instead of a premium brand-first design.

Do I need to define a content plan before building a landing page?▼

Yes, you need to define a content plan before building a landing page to establish clear design direction and ensure the visual hierarchy and typography determine perceived quality.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
lokii-devxlokii-devx

frontend-design

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

Community
Advanced
EstomEstom

brand-guidelines

Apply Anthropic brand colors, typography, and layout to documents and assets.

Community
Advanced
neilsanghrajkaneilsanghrajka

frontend-skill

Create landing pages and UI with restrained composition and image-led hierarchy.

Community
Advanced