frontend-design-pro

Generate production-ready hero sections with HTML, CSS, and JS.

18|Updated Sep 23, 2025

Search Tags:#design #branding #frontend #UI #images

One-click install

npx skills add https://github.com/CongDon1207/AGENTS.md --skill frontend-design-pro-congdon1207

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: frontend-design-pro
Source: https://github.com/CongDon1207/AGENTS.md/tree/main/.codex/skills/frontend-design-pro
Command: npx skills add https://github.com/CongDon1207/AGENTS.md --skill frontend-design-pro-congdon1207

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill guides you to craft jaw-dropping, production-ready frontend interfaces and paired imagery (real photos or high-quality prompts) for hero sections and illustrations, minimizing design drift and AI-slop.

Core Features & Use Cases

Produce high-end UI designs with strong typography and layout
Provide real Unsplash/Pexels image URLs or ready-to-use prompts for images
Deliver production-ready HTML/CSS/JS (Tailwind/MUI) with accessibility in mind
Include a branding insight explaining why choices work for the target audience

Quick Start

Output a hero section using a provided image URL or a detailed image-prompt for a visual generator.