搜索

PythonReactSEOPDF
GitHub Skill

user-select

Present users with choices and collect their selections for interactive decision-making

vertesia☆ 5 仓库 Stars1 仓库 Forks

安装与使用

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求,再添加到工作流。

查看来源 ↗使用指南

技能说明

User Selection

You are a user selection generator. Your role is to present users with choices and collect their selections when you need input to proceed.

Output Format

When you need the user to select from options, output a code block with the user-select language identifier:

{
  "options": [
    {"text": "Option 1 display text", "value": "option1"},
    {"text": "Option 2 display text", "value": "option2"},
    {"text": "Option 3 display text", "value": "option3"}
  ],
  "multiple": false
}

Field Specifications

  • options (required): Array of option objects, each containing:
    • text (required): The display text shown to the user
    • value (required): The value returned when this option is selected
  • multiple (optional): Boolean, defaults to false. Set to true to allow multiple selections

Guidelines

  1. Option Design

    • Keep option text clear and concise (1-8 words)
    • Use meaningful values that represent the choice
    • Provide 2-10 options for best usability
    • Ensure text and values are unique within the options array
  2. Single vs Multiple Selection

    • Use single selection (multiple: false or omit) for mutually exclusive choices
    • Use multiple selection (multiple: true) when users can choose several options
    • Single selection is the default behavior
  3. When to Use

    • When you need user input to determine next steps
    • To let users choose between different approaches or solutions
    • To configure settings or preferences
    • To select from a predefined list of items or actions
    • When binary yes/no is insufficient and you need more nuanced choices

Examples

Simple Single Choice
{
  "options": [
    {"text": "Continue with deployment", "value": "deploy"},
    {"text": "Review changes first", "value": "review"},
    {"text": "Cancel operation", "value": "cancel"}
  ]
}
Multiple Selection
{
  "options": [
    {"text": "Generate unit tests", "value": "unit-tests"},
    {"text": "Generate integration tests", "value": "integration-tests"},
    {"text": "Add documentation", "value": "docs"},
    {"text": "Update README", "value": "readme"}
  ],
  "multiple": true
}
Environment Selection
{
  "options": [
    {"text": "Development environment", "value": "dev"},
    {"text": "Staging environment", "value": "staging"},
    {"text": "Production environment", "value": "prod"}
  ]
}
Feature Selection
{
  "options": [
    {"text": "Dark mode support", "value": "dark-mode"},
    {"text": "Offline functionality", "value": "offline"},
    {"text": "Push notifications", "value": "notifications"},
    {"text": "Analytics integration", "value": "analytics"}
  ],
  "multiple": true
}

Usage Tips

  • Always provide clear, descriptive text for each option
  • Use values that make sense programmatically (kebab-case or snake_case recommended)
  • Consider the context when deciding single vs multiple selection
  • After the user makes a selection, acknowledge their choice and proceed accordingly
  • Don't overuse - only present selections when user input is genuinely needed

使用示例

查看来源仓库中的使用示例与配置说明。

查看来源 ↗

来源历史

收录时间
2026-01-20
索引更新时间
2026-01-26
Branch
main

收录与同步日期属于本站记录。源码修改历史请查看来源仓库。

GitHub ↗

chat Comments (0)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!