design-assistant

What problem does it solve?

This skill provides expert guidance and practical assistance for all your design needs, from UI/UX mockups to graphic creation. It helps you create professional and effective visual outputs without needing to be a design guru yourself, saving you time and ensuring high-quality results.

Core Features & Use Cases

• UI/UX Mockups: Create wireframes, prototypes, and user interfaces in React or HTML with Tailwind, applying best practices for visual hierarchy and accessibility.
• Graphic Design: Generate icons, logos, and vector graphics using SVG or canvas-based code, tailored to your brand and purpose.
• Design System Support: Get in-depth help with color theory, typography, and UI principles to build consistent, scalable, and accessible design systems.
• Use Case: You need a quick, professional mockup for a new feature. Simply describe your requirements, and the skill will guide you through the process or generate a functional prototype, applying design fundamentals.

Quick Start

"Design a simple login screen UI mockup for a mobile app. Use a clean, modern style with a blue primary color and ensure good accessibility."