Habib0x0

This skill should be used when the user asks to "create a spec", "write requirements", "design a feature", "plan implementation", "use EARS notation", "create user stories", "break down tasks", "write a PRD", "technical specification", or mentions "spec-driven development", "feature spec", "requirements phase", "design phase", or "tasks phase". Provides structured 3-phase workflow for feature development.

This skill should be used when the user asks to "build a component", "create a page", "design a UI", "reproduce this screenshot", "match this design", "implement this mockup", "create a landing page", "build a dashboard", "design a form", "create a card component", "style this component", "make this responsive", "add animations", "extract design tokens", or any request involving frontend HTML, CSS, JavaScript, React, Vue, Svelte, or Angular component creation. Generates pixel-perfect, design-system-aware frontend code with distinctive aesthetics, full interactivity, responsive layouts, and accessibility. Use this skill for ALL frontend UI generation tasks, even when the user does not explicitly mention "design" or "pixel-perfect".