Refine project skills settings
Move the project skills section directly after project instructions in the edit modal, before file structure and secrets. Simplify the skills guidance copy and clarify that global skills are inherited automatically by every project.
Alessandro committed
May 12, 2026 at 04:29 UTC
3aac30aa13d133ea7db1abdca4f3b7b54c5a4a79
2 files changed
+16
-35
webui/components/projects/project-edit-skills.html
+10
-29
@@ -11,8 +11,7 @@
11
<template x-if="$store.projects && $store.projects.selectedProject">
12
<div class="project-skills-section">
13
<p class="skills-description">
14
- Import skills specific to this project. Project skills are stored in the project's
15
- <code>.a0proj/skills/</code> folder and are only available when this project is active.
14
+ Add skills for this project only. Global skills are inherited automatically by every project.
15
</p>
16
17
<div class="skills-actions">
@@ -26,15 +25,9 @@
25
</button>
26
</div>
27
29
- <div class="skills-info">
30
- <p>
31
- <strong>Project Skills Location:</strong><br>
32
- <code x-text="$store.projects.getSelectedProjectSkillsPath()"></code>
33
- </p>
34
- <p class="skills-note">
35
- Use the global Settings > Skills tab for custom skills available to all projects.
36
- </p>
37
- </div>
28
+ <p class="skills-path">
29
+ Project-only skills live in <code x-text="$store.projects.getSelectedProjectSkillsPath()"></code>
30
+ </p>
31
</div>
32
</template>
33
</div>
@@ -49,35 +42,23 @@
42
.skills-description {
43
color: var(--color-text-secondary);
44
font-size: 0.9rem;
45
+ line-height: 1.4;
46
margin: 0;
47
}
48
49
.skills-actions {
50
display: flex;
51
gap: 0.5rem;
52
+ flex-wrap: wrap;
53
}
54
60
- .skills-info {
61
- background: var(--color-bg-secondary);
62
- padding: 0.75rem;
63
- border-radius: 4px;
64
- font-size: 0.85rem;
65
- }
66
-
67
- .skills-info p {
68
- margin: 0 0 0.5rem 0;
69
- }
70
-
71
- .skills-info p:last-child {
72
- margin-bottom: 0;
73
- }
74
-
75
- .skills-note {
55
+ .skills-path {
56
color: var(--color-text-secondary);
77
- font-style: italic;
57
+ font-size: 0.85rem;
58
+ margin: 0;
59
}
60
80
- .skills-info code {
61
+ .skills-path code {
62
background: var(--color-bg-tertiary);
63
padding: 0.1rem 0.3rem;
64
border-radius: 3px;
webui/components/projects/project-edit.html
+6
-6
@@ -57,25 +57,25 @@
57
58
<div class="project-detail">
59
<div class="project-detail-header">
60
- <span class="projects-project-card-title">File structure</span>
60
+ <span class="projects-project-card-title">Skills</span>
61
</div>
62
- <x-component path="projects/project-edit-file-structure.html">
62
+ <x-component path="projects/project-edit-skills.html">
63
</x-component>
64
</div>
65
66
<div class="project-detail">
67
<div class="project-detail-header">
68
- <span class="projects-project-card-title">Secrets</span>
68
+ <span class="projects-project-card-title">File structure</span>
69
</div>
70
- <x-component path="projects/project-edit-secrets.html">
70
+ <x-component path="projects/project-edit-file-structure.html">
71
</x-component>
72
</div>
73
74
<div class="project-detail">
75
<div class="project-detail-header">
76
- <span class="projects-project-card-title">Skills</span>
76
+ <span class="projects-project-card-title">Secrets</span>
77
</div>
78
- <x-component path="projects/project-edit-skills.html">
78
+ <x-component path="projects/project-edit-secrets.html">
79
</x-component>
80
</div>
81