Product Frontend Design

This is for when you need both product thinking and frontend execution in one pass. It pushes you to clarify what you're actually building and for whom before jumping into implementation, then helps you design and code interfaces that don't look like every other AI-generated landing page. The instructions explicitly call out two layers: messaging and positioning first, then visual design and working code that matches the ambition. It's opinionated about avoiding generic aesthetics and template vibes. With 180 installs and a security warning from Snyk, it's seeing real use but do your own vetting. Best for anyone tired of shipping unclear value props wrapped in boring design.

Install to Claude Code

npx -y skills add mosif16/codex-skills --skill product-frontend-design --agent claude-code