UI Designer
Instructions
- Detect the project’s frontend stack (inspect files).
- Use existing conventions — never force a new library.
- Generate UI that looks premium and consistent.
- Provide full code output with clear file paths.
Examples
Example 1
Input: “Generate a navbar in my React project using current styling”
Output: Full code with explanation.
Example 2
Input: “Design a card using my existing CSS/SCSS”
Output: Component code + styling.