skills.rest
dereknex
dereknexCOMMUNITY
Explore all skills by this author →
GitHub

ui-design-tips

Map user queries to curated UI design tips from a JSON dataset.

Updated Aug 23, 2026
Search Tags:#layout#navigation#forms#ui-design#cta#visual-hierarchy#design-tips
One-click install
npx skills add https://github.com/dereknex/skills --skill ui-design-tips
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-design-tips
Source: https://github.com/dereknex/skills/tree/main/ui-design-tips
Command: npx skills add https://github.com/dereknex/skills --skill ui-design-tips

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provide concise, actionable UI design guidance by mapping user requests to curated tips about layout, hierarchy, CTAs, forms, navigation, cards, tooltips, charts, and confirmation patterns.

Core Features & Use Cases

  • Curated UI design tips dataset from ui-design-tips.json to inform decisions across common scenarios.
  • Contextual tip mapping that prioritizes clarity, risk reduction (e.g., CTA prominence, visual hierarchy), and practical implementation.
  • Use Case: When a designer asks for feedback on a landing page, generate 3-7 tailored recommendations.

Quick Start

Load the references/ui-design-tips.json and produce 3–7 contextually relevant UI design recommendations tailored to the user's context.

Frequently Asked Questions about ui-design-tips

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

FAQPage Schema
How do I get actionable UI design tips for improving layout and visual hierarchy?▼

To get actionable UI design tips, describe your layout or visual hierarchy scenario and receive 3-7 curated recommendations mapped directly from a targeted design dataset to clarify element prominence and reduce user friction.

What's the best way to improve form navigation and CTA prominence in my interface?▼

Improve form navigation and CTA prominence by requesting contextual design guidance, which maps your specific form patterns to prioritized tips focusing on risk reduction, visual hierarchy, and clear user actions.

Can I get targeted design recommendations for cards, tooltips, and charts?▼

Yes, you can get targeted design recommendations for cards, tooltips, and charts by describing these specific UI elements, prompting the system to select relevant tips for confirmation patterns and data visualization.

How many UI design recommendations will I receive for a landing page review?▼

You will receive 3 to 7 tailored UI design recommendations for a landing page review, prioritized by context mapping rules to ensure clarity, practical implementation, and targeted visual hierarchy improvements.

Do I need any specific design files or prerequisites to get UI design feedback?▼

No specific design files are required; simply provide a text description of your UI context involving elements like CTAs or navigation, and the system maps your prompt to curated design tips without needing external dependencies.

Why does my visual hierarchy feel off, and how can UI design tips help fix it?▼

Your visual hierarchy feels off when element prominence is unclear, and UI design tips help fix it by mapping your layout context to prioritized, actionable guidance that clarifies structure and reduces user interaction risk.

Related Skills

Explore More Design & Creative Skills→
JoniSirvioJoniSirvio

audit

Automate UI quality audits across accessibility, performance, theming, and responsive design, producing prioritized issue reports.

Community
Advanced
zm2231zm2231

prototype-review

Review prototypes, wireframes, and mockups for usability, accessibility, and design consistency.

Community
Advanced
jikimejikime
5

jikime-library-tds-react-native

Provide React Native UI components following the Toss Design System.

Community
Intermediate
htafollahtafolla
5

ui-ux-design

Design mobile-first user interfaces with WCAG 2.1 AA accessibility compliance.

Community
Advanced