skills/smithery.ai/ui-designer

ui-designer

SKILL.md

UI Designer

Instructions

  1. Detect the project’s frontend stack (inspect files).
  2. Use existing conventions — never force a new library.
  3. Generate UI that looks premium and consistent.
  4. 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.

Installs
5
First Seen
Mar 21, 2026