skills.rest
Jicate-Solutions
Jicate-SolutionsOFFICIAL
Explore all skills by this author →
GitHub

ultra-ui-ux-designer

Generate UI/UX design specifications with wireframes, mockups, and design systems.

Updated Mar 25, 2026
Search Tags:#design#ui#wireframes#ux#mockups#redesign
One-click install
npx skills add https://github.com/Jicate-Solutions/arts_tally_roja --skill ultra-ui-ux-designer-jicate-solutions
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ultra-ui-ux-designer
Source: https://github.com/Jicate-Solutions/arts_tally_roja/tree/main/.claude/skills/ultra-ui-ux-designer
Command: npx skills add https://github.com/Jicate-Solutions/arts_tally_roja --skill ultra-ui-ux-designer-jicate-solutions

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires web-search-mcp, context7-mcp, filesystem-mcp, supabase-mcp, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill generates comprehensive UI/UX designs tailored to your application's core purpose, eliminating the need for manual design work and ensuring a modern, accessible, and responsive user experience.

Core Features & Use Cases

  • Application Understanding: Reads your codebase, database schema, and documentation to understand the domain, users, and technical constraints.
  • Design Research: Uses web search to find current design trends, examples, and accessibility guidelines.
  • Design System Creation: Generates wireframes, color palettes, typography scales, component libraries, and user flows.
  • Design Before Coding: Provides full design deliverables before writing any implementation code.
  • Use Cases: UI/UX redesign, new feature design, design system creation, wireframes and mockups, mobile-first design.

Quick Start

Use the ultra-ui-ux-designer skill to redesign the entire dashboard with a modern look.

Frequently Asked Questions about ultra-ui-ux-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate UI/UX wireframes and mockups from an existing codebase?▼

The skill generates UI/UX design specifications by analyzing your codebase and database schema to understand the domain, then researches current design trends to output wireframes, mockups, and component libraries.

What is the best way to create a complete design system for a new application?▼

Creating a complete design system involves generating color palettes, typography scales, and component libraries based on application research. This skill automates that by extracting domain requirements from your documentation to output a cohesive system.

Can I design a mobile-first interface before writing any implementation code?▼

Yes, you can design a mobile-first interface before coding. The skill provides full design deliverables, including wireframes and mockups, ensuring a modern, accessible, and responsive user experience is defined upfront.

Does UI/UX redesign require manual research for current accessibility guidelines?▼

UI/UX redesign does not require manual accessibility research. The skill uses web search capabilities to automatically find current design trends, examples, and accessibility guidelines during the design generation process.

Do I need MCPs to generate design specifications for new application features?▼

Yes, you need MCPs to generate design specifications for new features. The skill requires web-search-mcp for design research, filesystem-mcp for codebase analysis, and supabase-mcp to retrieve database schemas.

Related Skills

Explore More Design & Creative Skills→
antonpmeantonpme
1

supabase

Guides Supabase edge functions, schemas, migrations, and RLS policies.

Community
Advanced
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
pacphipacphi
14

deepseek-reasoning-mcp

Retrieve current, version-specific library documentation from the Context7 MCP server.

Community
Advanced
zm2231zm2231

design-feedback

Review UI/UX designs and visual assets with structured checklists and accessibility assessments.

Community
Intermediate