Skills
.Work. You
Rest

ui-design-tips

Community

Fast, actionable UI design tips.

Design & Creative#layout#navigation#forms#ui-design#cta#visual-hierarchy#design-tips
Authordereknex
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-design-tips
Download link: https://github.com/dereknex/skills/archive/main.zip#ui-design-tips

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.