contextual-help-design

Community

Design help that guides users on-screen.

Authorhulusi-tunc
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Design help that meets people where they are — on the screen they're stuck on, without forcing users to navigate away to seek guidance.

Core Features & Use Cases

  • Inline Help: Tooltip or info icon next to fields that need explanation, inline definitions, and "what's this" links.
  • Guided Tasks: Step-by-step wizards and templates that simplify complex forms and workflows.
  • Escalation Path: Self-service help (search, FAQ) as first option, followed by chat or human support, with estimated wait times.
  • Error Recovery Support: Error messages that explain what happened, why, and what to do next, with direct field focus.
  • Help Content Rules: Write at grade 4–6, use interface terminology, deliver one instruction per step, and ensure searchability.
  • Assessment Questions: 1) Can users get help without navigating away from their task? 2) Is help written in plain language that matches the interface? 3) Can users reach a human within 2 clicks when self-service fails? 4) Do help resources exist for the moments where users actually get stuck?

Quick Start

Audit a UI screen and add inline help, guided tasks, escalation options, and clear error recovery prompts to improve accessibility.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: contextual-help-design
Download link: https://github.com/hulusi-tunc/unicorn-skills/archive/main.zip#contextual-help-design

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 471,000+ vetted skills library on demand.