skills.rest
GulajavaMinistudio
GulajavaMinistudioCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-designer

Generate custom UI/UX designs with deliberate palette, typography, and layout choices.

55|11|Updated Dec 11, 2025
Search Tags:#front-end#ux design#ui design#design aesthetics#custom design
One-click install
npx skills add https://github.com/GulajavaMinistudio/awesome-copilot-id --skill ui-designer-gulajavaministudio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-designer
Source: https://github.com/GulajavaMinistudio/awesome-copilot-id/tree/main/.opencode/skills/ui-designer
Command: npx skills add https://github.com/GulajavaMinistudio/awesome-copilot-id --skill ui-designer-gulajavaministudio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating visually distinctive, non-templated UI/UX designs while maintaining functionality and responsiveness.

Core Features & Use Cases

  • Elite Design Lead: Generates intentional visual identities with a signature aesthetic.
  • Anti-Default Protocol: Actively avoids common AI design clichés.
  • Technical Rigor: Ensures responsive, accessible, and production-ready code.
  • Execution Workflow: Includes clarification protocol, deep planning, implementation, and UX writing.

Quick Start

Initiate a UI design project by providing the necessary context and triggers 'ui-designer'.

Frequently Asked Questions about ui-designer

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

FAQPage Schema
How do I create custom UI designs that avoid common AI templates?▼

Non-templated UI design requires deliberate choices in palette, typography, and layout. It actively avoids common AI design clichés by applying an anti-default protocol to generate distinctive visual identities.

What is the best way to ensure frontend design has technical rigor and accessibility?▼

The best way to ensure frontend design has technical rigor is to follow a workflow that includes deep planning and implementation checks, ensuring the final UI design output is responsive, accessible, and production-ready.

Can I generate a complete UX design workflow including copywriting?▼

Yes, you can generate a complete UX design workflow. The execution process includes a clarification protocol, deep planning, implementation, and UX writing to deliver fully functional frontend designs.

Does anti-default UI design work for projects requiring responsive web interfaces?▼

Anti-default UI design works for responsive web interfaces by applying technical rigor to the frontend development process, ensuring distinctive visual identities remain accessible and production-ready across devices.

How do I start a UI design project to build a distinctive visual identity?▼

To start a UI design project and build a distinctive visual identity, provide the necessary project context to trigger the execution workflow, which manages clarification, deep planning, and implementation.

Related Skills

Explore More Design & Creative Skills→
CharlieGreenmanCharlieGreenman
1

gpd-new-project

Initialize a physics research project with .gpd artifacts and a scoping contract.

Community
Advanced
ChoiHyunjinChoiHyunjin

role-frontend-developer

Transform design and architectural specifications into frontend code.

Community
Advanced
msichtermanmsichterman

frontend-design

Design and implement accessible, responsive frontend interfaces with React, HTML/CSS, or modern frameworks.

Community
Advanced
ProtagonistssProtagonistss

ui-design-core

Generate production-grade frontend UI designs with specified style directions and anti-pattern guardrails.

Community
Advanced