Combo Boxes

What this skill does

Combo Boxes combine a text input field with a dropdown list of predefined options, allowing users to either select from the list or enter a custom value. This interface element improves user experience by balancing convenience and flexibility, especially when input options are numerous but not exhaustive. The field typically displays a meaningful default value drawn from the list, helping guide user choices while maintaining clarity.

Who it's for

This skill is valuable for UX designers and front-end marketers who build or optimize web and app forms where user input variety matters, such as lead capture or product customization. Growth leads aiming to reduce form friction and increase conversion rates will find combo boxes helpful for balancing user autonomy with guided selection. Agencies designing multi-platform experiences can leverage this skill to maintain consistency on supported desktop platforms while accounting for mobile limitations.

Key workflows

First, identify the most relevant predefined options that cover the majority of user needs without overwhelming them. Next, set a meaningful default value from this list to reduce cognitive load and speed up user interactions. Then, design the combo box so the dropdown choices fit within the input field width to avoid truncation and confusion. Finally, implement clear labeling that sets user expectations about the input type, using title-style capitalization and colon punctuation for clarity.

Common questions

Can users add new options to the dropdown list? No; custom entries are accepted but not added to the predefined choices. Are combo boxes supported on mobile platforms? No; they are currently unsupported on iOS, iPadOS, and other Apple mobile or wearable systems. Should the default value always be the first item in the list? Not necessarily; the default should be the most meaningful option, which does not have to be first.

How to use in Metaflow

Attach the Combo Boxes skill to any agent task that involves user input design or form optimization, especially where balancing flexibility and guided choices is critical. Expect the skill to guide you through selecting relevant options, setting defaults, and labeling for clarity while ensuring compatibility with platform constraints. This skill complements agents focused on UI/UX improvements, and you can combine it with others addressing related input controls for a cohesive workflow.

For broader context, see our roundup of marketing skills claude, and read how to create Claude skills for related setup guidance.