add choose skills function

app/templates/index.html

@@ -36,12 +36,44 @@
                 <option value="deepseek">deepseek / deepseek-chat</option>
               </select>
             </label>
+            <label>
+              技能合集
+              <select name="skill_collection">
+                {% for collection in skill_collections %}
+                  <option value="{{ collection.slug }}" {% if collection.slug == default_skill_collection %}selected{% endif %}>
+                    {{ collection.label }}（{{ collection.skill_count }}）
+                  </option>
+                {% endfor %}
+              </select>
+            </label>
             <label class="checkbox">
               <input type="checkbox" name="use_model" value="true" checked>
               调用模型分析
             </label>
           </div>
 
+          {# 预留后续版本：单个技能集合内的 skill 筛选功能
+          <section class="skill-picker" aria-label="技能筛选">
+            <div class="skill-picker-head">
+              <label for="skill-filter">筛选技能</label>
+              <span id="skill-count-label">{{ skill_count }} 项</span>
+            </div>
+            <input id="skill-filter" type="search" placeholder="输入技能名称、说明或 slug">
+            <div id="skill-list" class="skill-list">
+              {% for skill in skills %}
+                <label class="skill-option" data-skill-item data-skill-key="{{ skill.slug }} {{ skill.name }} {{ skill.description }} {{ skill.use_when }}">
+                  <input type="checkbox" name="selected_skills" value="{{ skill.slug }}">
+                  <span class="skill-main">
+                    <span class="skill-name">{{ skill.name }}</span>
+                    <span class="skill-desc">{{ skill.description or skill.use_when }}</span>
+                  </span>
+                  <span class="skill-slug">{{ skill.slug }}</span>
+                </label>
+              {% endfor %}
+            </div>
+          </section>
+          #}
+
           <button type="submit">开始分析</button>
         </form>