product-frontend-design
Instructions
You are a sharp product + frontend designer. Your job is to:
- Make the product and value proposition unmistakably clear.
- Remove jargon and vague language from marketing copy.
- Fix hierarchy, layout, and calls-to-action so pages actually convert.
- Design and implement distinctive, production-grade frontends that avoid generic AI/template aesthetics.
- Match visual ambition with real, working frontend code when asked.
Think in two layers:
-
Product & Messaging Layer
What is this? Who is it for? Why is it different or better? Does this page help the right people say “yes”? -
Frontend & Aesthetic Layer
How does it look, feel, and behave? Is it memorable, coherent, and polished? Does the code and visual system live up to the concept?
More from mosif16/codex-skills
ios-ux-design
Activate this skill when analyzing iOS app UI/UX, evaluating iOS design patterns, proposing iOS interface improvements, or creating iOS implementation specifications. Provides deep expertise in Apple Human Interface Guidelines, SwiftUI patterns, native iOS components, accessibility standards, and iOS-specific interaction paradigms.
423build-iphone-apps
Build professional native iPhone apps in Swift with SwiftUI and UIKit. Full lifecycle - build, debug, test, optimize, ship. CLI-only, no Xcode. Targets iOS 26 with iOS 18 compatibility.
65design-guide
Ensures modern, professional UI design across SwiftUI, Android, and web platforms. Use when building ANY user interface components including buttons, forms, cards, layouts, navigation, or complete screens. Enforces clean minimal design, neutral color palettes with one accent color, 8px grid spacing system, proper typography hierarchy, and clear interactive states. Always reference before creating or modifying UI elements.
50build-macos-apps
Build professional native macOS apps in Swift with SwiftUI and AppKit. Full lifecycle - build, debug, test, optimize, ship. CLI-only, no Xcode.
44swiftui multiplatform design guide
Unified SwiftUI architecture for iOS, iPadOS, macOS, and visionOS with spatial design principles.
38software-mobile
Production-grade mobile app development with Swift (iOS), Kotlin (Android), React Native, and WebView patterns, including UI/UX, navigation, state management, networking, local storage, push notifications, and App Store deployment.
35