skills.rest
JKKN-Institutions
JKKN-InstitutionsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ultra-ui-ux-designer

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

1|1|Updated Jan 29, 2026
Search Tags:#design#ui#research#accessibility#wireframes#ux#design-systems
One-click install
npx skills add https://github.com/JKKN-Institutions/jkkn-cas-website --skill ultra-ui-ux-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ultra-ui-ux-designer
Source: https://github.com/JKKN-Institutions/jkkn-cas-website/tree/main/.claude/skills/ultra-ui-ux-designer
Command: npx skills add https://github.com/JKKN-Institutions/jkkn-cas-website --skill ultra-ui-ux-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and product teams spend excessive time translating app context into concrete UI/UX plans. This skill automates the end-to-end design specification process, reducing cycle time and aligning stakeholders on deliverables.

Core Features & Use Cases

  • Understands the application's core purpose by analyzing key files and documentation to identify domain, users, and constraints.
  • Performs research using web search MCPs to gather design patterns, accessibility guidelines, and industry best practices.
  • Generates comprehensive design specifications including wireframes, color palettes, typography scales, component libraries, design systems, user flows, and responsive guidelines.
  • Produces concrete deliverables before any code is written and supports redesigns or new UI design from scratch.
  • Suitable for tasks like dashboard redesigns, feature design, design system creation, wireframes, and mobile-first UX.

Quick Start

Provide a redesign or new UI request and the skill will generate a complete design specification from scratch.

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 design specifications from scratch?▼

You can generate complete UI/UX design specifications by providing a redesign or new UI request. The skill analyzes your app context to produce wireframes, design systems, typography scales, color palettes, and user flows.

What is included in an end-to-end UI/UX design workflow?▼

An end-to-end UI/UX design workflow includes wireframes, color palettes, typography scales, component libraries, design systems, user flows, and responsive guidelines. It also incorporates accessibility considerations and design pattern research.

Can I use this to create a design system for dashboards and admin panels?▼

Yes, you can create a design system for dashboards and admin panels. The scope explicitly covers these interfaces alongside mobile interfaces, generating component libraries and concrete deliverables before any code is written.

How do you research design patterns and accessibility guidelines for a new app?▼

Research for design patterns and accessibility guidelines is performed using web search MCPs. This gathers industry best practices and accessibility standards to inform the generated design specifications.

What's the best way to align stakeholders on UI/UX deliverables before coding?▼

The best way to align stakeholders is by producing concrete design deliverables before code is written. This includes comprehensive UI/UX plans with wireframes and design systems to reduce cycle time and clarify implementation.

Do I need existing code to generate a mobile-first UX design?▼

No, you do not need existing code to generate a mobile-first UX design. The skill supports new UI design from scratch by analyzing your application's core purpose, users, and constraints.

Related Skills

Explore More Design & Creative Skills→
larus-perituslarus-peritus

Codebase Analyzer Skill

Analyze codebases to reverse-engineer requirements, design, and implementation status.

Community
Advanced
fantay0312fantay0312

frontend-design

Generate reusable UI components, design tokens, and accessible code from design briefs.

Community
Advanced
Jicate-SolutionsJicate-Solutions

ultra-ui-ux-designer

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

Official
Advanced
bacchus-labsbacchus-labs
4

figma-design-workflow

Generate Figma mockups from wrangler specifications with design system integration.

Official
Advanced