skills.rest
idontcarl
idontcarlCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-skill

Plan landing pages with a visual thesis, content plan, and interaction thesis.

Updated Mar 28, 2026
Search Tags:#design#ui#composition#motion#visual-design#landing-page
One-click install
npx skills add https://github.com/idontcarl/landing-page --skill frontend-skill-idontcarl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-skill
Source: https://github.com/idontcarl/landing-page/tree/main/skills/openai-skills/skills/.curated/frontend-skill
Command: npx skills add https://github.com/idontcarl/landing-page --skill frontend-skill-idontcarl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

When a project requires a visually strong landing page, website, app, prototype, or game UI, this skill guides restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion to avoid clutter and weak branding.

Core Features & Use Cases

  • Enforces a deliberate visual strategy: one dominant idea, strong imagery, sparse copy, and disciplined spacing.
  • Helps teams ship premium, current interfaces with clean hierarchy and purposeful motion.
  • Use cases include marketing landing pages, product demos, and UI prototypes where mood and composition drive the experience.

Quick Start

Before building, write three things: visual thesis, content plan, and interaction thesis.

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 premium landing page with strong visual hierarchy?▼

Plan strong landing page UI by writing three things first: a visual thesis for your dominant idea, a content plan for cohesive structure, and an interaction thesis for purposeful motion.

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

A visual thesis is one dominant design idea enforcing restrained composition, while an interaction thesis defines the purposeful motion guiding user experience across the interface.

Can I use this approach for game UI and app prototypes?▼

Yes, this UI design approach works for game UI, app prototypes, and product demos where mood, visual hierarchy, and disciplined design rules matter more than component counts.

How do I keep my UI design clean and avoid weak branding?▼

Keep UI design clean by enforcing disciplined design rules with limited typefaces and colors, ensuring a clear visual thesis and cohesive content structure for premium results.

When should I not use a composition-led approach for interface design?▼

Avoid a composition-led approach when an interface requires dense data displays or high card counts, as this skill prioritizes mood, imagery, and sparse copy over structural density.

Related Skills

Explore More Design & Creative Skills→
alykay1522alykay1522

copywriting

Generate marketing copy for homepages, landing pages, and product pages.

Community
Intermediate
MerkyorLynnMerkyorLynn
37

frontend-design

Generate production-grade frontend interface code with cohesive typography and color variables.

Community
Advanced
mkatoguimkatogui
3

brand-identity-generator

Generate brand identity systems with CSS-ready tokens and brand guidelines.

Community
Advanced
zmsqnfl-commitszmsqnfl-commits
1

industrial-brutalist-ui

Translate brutalist UI concepts into grid-driven dashboard components with ASCII framing.

Community
Advanced