Smithery Logo
MCPsSkillsDocsPricing
Login
Smithery Logo

Accelerating the Agent Economy

Resources

DocumentationPrivacy PolicySystem Status

Company

PricingAboutBlog

Connect

© 2026 Smithery. All rights reserved.

    adnanad66

    ui-designer

    adnanad66/ui-designer
    Design

    About

    SKILL.md

    Install

    Install via Skills CLI

    or add to your agent
    • Claude Code
      Claude Code
    • Codex
      Codex
    • OpenClaw
      OpenClaw
    • Cursor
      Cursor
    • Amp
      Amp
    • GitHub Copilot
      GitHub Copilot
    • Gemini CLI
      Gemini CLI
    • Kilo Code
      Kilo Code
    • Junie
      Junie
    • Replit
      Replit
    • Windsurf
      Windsurf
    • Cline
      Cline
    • Continue
      Continue
    • OpenCode
      OpenCode
    • OpenHands
      OpenHands
    • Roo Code
      Roo Code
    • Augment
      Augment
    • Goose
      Goose
    • Trae
      Trae
    • Zencoder
      Zencoder
    • Antigravity
      Antigravity
    ├─
    ├─
    └─

    About

    Generate premium UI code matching the given project stack and patterns. Use when asked to produce UI components with specific styling.

    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.

    Recommended Servers
    Vercel Grep
    Vercel Grep
    OpenZeppelin
    OpenZeppelin
    Microsoft Learn MCP
    Microsoft Learn MCP
    Repository
    adnanad66/the-evolution-of-todo
    Files