@dedesfr/prompter 0.9.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (225) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/README.md +105 -77
  3. package/dist/cli/index.js +25 -1
  4. package/dist/cli/index.js.map +1 -1
  5. package/dist/commands/init.d.ts.map +1 -1
  6. package/dist/commands/init.js +35 -9
  7. package/dist/commands/init.js.map +1 -1
  8. package/dist/commands/login.d.ts +4 -0
  9. package/dist/commands/login.d.ts.map +1 -0
  10. package/dist/commands/login.js +56 -0
  11. package/dist/commands/login.js.map +1 -0
  12. package/dist/commands/logout.d.ts +4 -0
  13. package/dist/commands/logout.d.ts.map +1 -0
  14. package/dist/commands/logout.js +14 -0
  15. package/dist/commands/logout.js.map +1 -0
  16. package/dist/commands/update.d.ts +0 -2
  17. package/dist/commands/update.d.ts.map +1 -1
  18. package/dist/commands/update.js +19 -48
  19. package/dist/commands/update.js.map +1 -1
  20. package/dist/commands/whoami.d.ts +4 -0
  21. package/dist/commands/whoami.d.ts.map +1 -0
  22. package/dist/commands/whoami.js +42 -0
  23. package/dist/commands/whoami.js.map +1 -0
  24. package/dist/core/auth-store.d.ts +10 -0
  25. package/dist/core/auth-store.d.ts.map +1 -0
  26. package/dist/core/auth-store.js +39 -0
  27. package/dist/core/auth-store.js.map +1 -0
  28. package/dist/core/config.d.ts +0 -7
  29. package/dist/core/config.d.ts.map +1 -1
  30. package/dist/core/config.js +0 -128
  31. package/dist/core/config.js.map +1 -1
  32. package/dist/core/registry.d.ts +18 -0
  33. package/dist/core/registry.d.ts.map +1 -0
  34. package/dist/core/registry.js +94 -0
  35. package/dist/core/registry.js.map +1 -0
  36. package/package.json +7 -1
  37. package/AGENTS.md +0 -123
  38. package/CLAUDE.md +0 -17
  39. package/build.js +0 -20
  40. package/convex-setup.md +0 -403
  41. package/dist/core/prompt-templates.d.ts +0 -23
  42. package/dist/core/prompt-templates.d.ts.map +0 -1
  43. package/dist/core/prompt-templates.js +0 -3485
  44. package/dist/core/prompt-templates.js.map +0 -1
  45. package/prompt/ai-humanizer.md +0 -45
  46. package/prompt/api-contract-generator.md +0 -234
  47. package/prompt/apply.md +0 -17
  48. package/prompt/archive.md +0 -21
  49. package/prompt/design-system.md +0 -210
  50. package/prompt/document-explainer.md +0 -149
  51. package/prompt/epic-generator.md +0 -198
  52. package/prompt/epic-single.md +0 -47
  53. package/prompt/erd-generator.md +0 -130
  54. package/prompt/fsd-generator.md +0 -157
  55. package/prompt/prd-agent-generator.md +0 -147
  56. package/prompt/prd-generator.md +0 -195
  57. package/prompt/product-brief.md +0 -289
  58. package/prompt/proposal.md +0 -22
  59. package/prompt/qa-test-scenario.md +0 -133
  60. package/prompt/skill-creator.md +0 -350
  61. package/prompt/story-generator.md +0 -278
  62. package/prompt/story-single.md +0 -70
  63. package/prompt/tdd-generator.md +0 -294
  64. package/prompt/tdd-lite-generator.md +0 -224
  65. package/prompt/wireframe-generator.md +0 -219
  66. package/skills/ai-context-generator/SKILL.md +0 -54
  67. package/skills/ai-context-generator/references/AGENTS.template.md +0 -83
  68. package/skills/ai-context-generator/references/CLAUDE.template.md +0 -39
  69. package/skills/ai-context-generator/references/behavioral-guidelines.md +0 -71
  70. package/skills/ai-context-generator/references/discovery-checklist.md +0 -40
  71. package/skills/ai-context-generator/references/examples/AGENTS.good.md +0 -103
  72. package/skills/ai-context-generator/references/extraction-checklist.md +0 -23
  73. package/skills/ai-context-generator/references/overlays/laravel.md +0 -44
  74. package/skills/ai-humanizer/SKILL.md +0 -50
  75. package/skills/api-contract-generator/SKILL.md +0 -243
  76. package/skills/apply/SKILL.md +0 -23
  77. package/skills/archive/SKILL.md +0 -27
  78. package/skills/cerebro/SKILL.md +0 -187
  79. package/skills/cerebro/references/agents.md +0 -213
  80. package/skills/code-review/SKILL.md +0 -373
  81. package/skills/code-review/assets/report-template-agent.md +0 -212
  82. package/skills/code-review/assets/report-template-compact.md +0 -81
  83. package/skills/code-review/assets/report-template-full.md +0 -264
  84. package/skills/code-review/assets/report-template-human.md +0 -168
  85. package/skills/code-review/references/universal-patterns.md +0 -495
  86. package/skills/design-md/README.md +0 -34
  87. package/skills/design-md/SKILL.md +0 -172
  88. package/skills/design-md/examples/DESIGN.md +0 -154
  89. package/skills/design-system/SKILL.md +0 -216
  90. package/skills/design-system-generator/SKILL.md +0 -324
  91. package/skills/design-system-generator/assets/design-system-template.md +0 -348
  92. package/skills/design-system-generator/references/extraction-patterns.md +0 -321
  93. package/skills/doc-builder/SKILL.md +0 -115
  94. package/skills/doc-builder/references/ui-patterns.md +0 -394
  95. package/skills/document-explainer/SKILL.md +0 -155
  96. package/skills/document-translator/SKILL.md +0 -58
  97. package/skills/enhance/SKILL.md +0 -47
  98. package/skills/enhance-prompt/README.md +0 -34
  99. package/skills/enhance-prompt/SKILL.md +0 -204
  100. package/skills/enhance-prompt/references/KEYWORDS.md +0 -114
  101. package/skills/epic-generator/SKILL.md +0 -204
  102. package/skills/epic-single/SKILL.md +0 -63
  103. package/skills/erd-generator/SKILL.md +0 -138
  104. package/skills/feature-planner/SKILL.md +0 -305
  105. package/skills/feature-planner/assets/implementation-plan-template.md +0 -85
  106. package/skills/frontend-design/LICENSE.txt +0 -177
  107. package/skills/frontend-design/SKILL.md +0 -42
  108. package/skills/fsd-generator/SKILL.md +0 -163
  109. package/skills/gamma-builder/SKILL.md +0 -134
  110. package/skills/laravel-code-review/SKILL.md +0 -383
  111. package/skills/laravel-code-review/assets/report-template-agent.md +0 -195
  112. package/skills/laravel-code-review/assets/report-template-compact.md +0 -79
  113. package/skills/laravel-code-review/assets/report-template-full.md +0 -253
  114. package/skills/laravel-code-review/assets/report-template-human.md +0 -159
  115. package/skills/laravel-code-review/references/laravel-patterns.md +0 -571
  116. package/skills/laravel-code-review/references/php84-features.md +0 -442
  117. package/skills/mcp-builder/LICENSE.txt +0 -202
  118. package/skills/mcp-builder/SKILL.md +0 -236
  119. package/skills/mcp-builder/reference/evaluation.md +0 -602
  120. package/skills/mcp-builder/reference/mcp_best_practices.md +0 -249
  121. package/skills/mcp-builder/reference/node_mcp_server.md +0 -970
  122. package/skills/mcp-builder/reference/python_mcp_server.md +0 -719
  123. package/skills/mcp-builder/scripts/connections.py +0 -151
  124. package/skills/mcp-builder/scripts/evaluation.py +0 -373
  125. package/skills/mcp-builder/scripts/example_evaluation.xml +0 -22
  126. package/skills/mcp-builder/scripts/requirements.txt +0 -2
  127. package/skills/meeting-notes/SKILL.md +0 -159
  128. package/skills/meeting-notes/evals/evals.json +0 -23
  129. package/skills/prd-agent-generator/SKILL.md +0 -132
  130. package/skills/prd-generator/SKILL.md +0 -211
  131. package/skills/product-brief/SKILL.md +0 -141
  132. package/skills/project-orchestrator/SKILL.md +0 -487
  133. package/skills/project-orchestrator/assets/caddy-vps-setup.md +0 -180
  134. package/skills/project-orchestrator/assets/plan-summary-template.md +0 -159
  135. package/skills/prompter-specs/SKILL.md +0 -115
  136. package/skills/prompter-workflow/SKILL.md +0 -166
  137. package/skills/prompter-workflow/evals/evals.json +0 -89
  138. package/skills/proposal/SKILL.md +0 -28
  139. package/skills/qa-test-scenario/SKILL.md +0 -149
  140. package/skills/skill-creator/SKILL.md +0 -173
  141. package/skills/sph-generator/SKILL.md +0 -488
  142. package/skills/story-generator/SKILL.md +0 -285
  143. package/skills/story-single/SKILL.md +0 -86
  144. package/skills/tdd-generator/SKILL.md +0 -300
  145. package/skills/tdd-lite-generator/SKILL.md +0 -230
  146. package/skills/ui-ux-pro/SKILL.md +0 -199
  147. package/skills/ui-ux-pro/assets/design-spec-template.md +0 -173
  148. package/skills/ui-ux-pro/references/component-patterns.md +0 -255
  149. package/skills/ui-ux-pro/references/design-principles.md +0 -167
  150. package/skills/wireframe-generator/SKILL.md +0 -227
  151. package/src/cli/index.ts +0 -223
  152. package/src/commands/archive.ts +0 -302
  153. package/src/commands/change.ts +0 -292
  154. package/src/commands/config.ts +0 -233
  155. package/src/commands/guide.ts +0 -50
  156. package/src/commands/init.ts +0 -597
  157. package/src/commands/list.ts +0 -194
  158. package/src/commands/show.ts +0 -138
  159. package/src/commands/spec.ts +0 -251
  160. package/src/commands/update.ts +0 -129
  161. package/src/commands/upgrade.ts +0 -30
  162. package/src/commands/validate.ts +0 -326
  163. package/src/core/artifact-graph/graph.ts +0 -167
  164. package/src/core/artifact-graph/index.ts +0 -44
  165. package/src/core/artifact-graph/instruction-loader.ts +0 -302
  166. package/src/core/artifact-graph/resolver.ts +0 -226
  167. package/src/core/artifact-graph/schema.ts +0 -124
  168. package/src/core/artifact-graph/state.ts +0 -64
  169. package/src/core/artifact-graph/types.ts +0 -65
  170. package/src/core/completions/command-registry.ts +0 -382
  171. package/src/core/completions/completion-provider.ts +0 -128
  172. package/src/core/completions/generators/bash-generator.ts +0 -191
  173. package/src/core/completions/generators/fish-generator.ts +0 -188
  174. package/src/core/completions/generators/powershell-generator.ts +0 -223
  175. package/src/core/completions/generators/zsh-generator.ts +0 -281
  176. package/src/core/completions/templates/bash-templates.ts +0 -24
  177. package/src/core/completions/templates/fish-templates.ts +0 -40
  178. package/src/core/completions/templates/powershell-templates.ts +0 -25
  179. package/src/core/completions/templates/zsh-templates.ts +0 -36
  180. package/src/core/completions/types.ts +0 -90
  181. package/src/core/config-schema.ts +0 -230
  182. package/src/core/config.ts +0 -181
  183. package/src/core/configurators/slash/antigravity.ts +0 -10
  184. package/src/core/configurators/slash/base.ts +0 -109
  185. package/src/core/configurators/slash/claude.ts +0 -10
  186. package/src/core/configurators/slash/codex.ts +0 -10
  187. package/src/core/configurators/slash/droid.ts +0 -10
  188. package/src/core/configurators/slash/forge.ts +0 -10
  189. package/src/core/configurators/slash/github-copilot.ts +0 -10
  190. package/src/core/configurators/slash/index.ts +0 -10
  191. package/src/core/configurators/slash/kilocode.ts +0 -10
  192. package/src/core/configurators/slash/opencode.ts +0 -10
  193. package/src/core/configurators/slash/registry.ts +0 -51
  194. package/src/core/converters/json-converter.ts +0 -62
  195. package/src/core/global-config.ts +0 -136
  196. package/src/core/parsers/change-parser.ts +0 -234
  197. package/src/core/parsers/markdown-parser.ts +0 -237
  198. package/src/core/parsers/requirement-blocks.ts +0 -234
  199. package/src/core/prompt-templates.ts +0 -3504
  200. package/src/core/schemas/base.schema.ts +0 -20
  201. package/src/core/schemas/change.schema.ts +0 -42
  202. package/src/core/schemas/index.ts +0 -20
  203. package/src/core/schemas/spec.schema.ts +0 -17
  204. package/src/core/skill-discovery.ts +0 -68
  205. package/src/core/specs-apply.ts +0 -483
  206. package/src/core/styles/palette.ts +0 -8
  207. package/src/core/templates/agents-template.ts +0 -459
  208. package/src/core/templates/claude-template.ts +0 -2
  209. package/src/core/templates/index.ts +0 -3
  210. package/src/core/templates/project-template.ts +0 -32
  211. package/src/core/validation/constants.ts +0 -48
  212. package/src/core/validation/types.ts +0 -19
  213. package/src/core/validation/validator.ts +0 -449
  214. package/src/core/view.ts +0 -219
  215. package/src/index.ts +0 -1
  216. package/src/utils/change-metadata.ts +0 -171
  217. package/src/utils/change-utils.ts +0 -131
  218. package/src/utils/file-system.ts +0 -252
  219. package/src/utils/index.ts +0 -12
  220. package/src/utils/interactive.ts +0 -29
  221. package/src/utils/item-discovery.ts +0 -66
  222. package/src/utils/match.ts +0 -26
  223. package/src/utils/shell-detection.ts +0 -62
  224. package/src/utils/task-progress.ts +0 -43
  225. package/tsconfig.json +0 -28
package/skills/doc-builder/references/ui-patterns.md DELETED
@@ -1,394 +0,0 @@
1
- # System Flowcharts - UI Pattern Documentation
2
-
3
- > Reusable pattern for generating interactive system flowchart documentation pages.
4
- > Mintlify-inspired Classic Light theme, featuring a left sidebar, top navbar, and Mermaid.js diagrams.
5
-
6
- ---
7
-
8
- ## Table of Contents
9
-
10
- - [Design Tokens](#design-tokens)
11
- - [Typography](#typography)
12
- - [Page Structure](#page-structure)
13
- - [Components](#components)
14
- - [Top Navigation Bar](#top-navigation-bar)
15
- - [Left Sidebar](#left-sidebar)
16
- - [Main Content Area](#main-content-area)
17
- - [Flowchart Container](#flowchart-container)
18
- - [Mermaid Diagram](#mermaid-diagram)
19
- - [Module Cards Grid](#module-cards-grid)
20
- - [Flow Steps (Timeline)](#flow-steps-timeline)
21
- - [Badges](#badges)
22
- - [Legend](#legend)
23
- - [Mermaid Configuration](#mermaid-configuration)
24
- - [JavaScript Behavior](#javascript-behavior)
25
- - [Responsive Breakpoints](#responsive-breakpoints)
26
- - [Usage Template](#usage-template)
27
-
28
- ---
29
-
30
- ## Design Tokens
31
-
32
- ### Color Palette
33
-
34
- | Token | Value | Usage |
35
- | -------------------- | ------------------------------ | ------------------------ |
36
- | `--color-primary` | `#0F172A` | Slate 900 - Dark text |
37
- | `--color-brand` | `#18E299` | Primary brand green |
38
- | `--color-brand-light`| `#d4fae8` | Light brand background |
39
- | `--color-brand-deep` | `#0fa76e` | Deep brand accent text |
40
- | `--color-white` | `#ffffff` | Main content background |
41
- | `--color-warning` | `#F59E0B` | Amber - Warnings |
42
- | `--color-error` | `#EF4444` | Red - Errors/Rejections |
43
- | `--color-info` | `#3B82F6` | Blue - Standard Process |
44
- | `--color-gray-50` | `#F9FAFB` | Standard light background|
45
- | `--color-gray-100` | `#F3F4F6` | Subtle hover background |
46
- | `--color-gray-500` | `#6B7280` | Secondary text (slate) |
47
- | `--color-gray-700` | `#374151` | Primary body text |
48
- | `--color-gray-900` | `#111827` | Headings and strong text |
49
- | `--color-border` | `#E5E7EB` | Standard borders |
50
- | `--color-border-medium`| `#D1D5DB` | Hover borders |
51
-
52
- ### Core Layout Dimensions
53
-
54
- | Token | Value | Usage |
55
- | ------------------------ | -------- | -------------------------- |
56
- | `--sidebar-width` | `260px` | Width of left sidebar |
57
- | `--header-height` | `60px` | Height of top sticky nav |
58
- | `--content-max-width` | `880px` | Max width of reading pane |
59
-
60
- ---
61
-
62
- ## Typography
63
-
64
- ### Fonts
65
-
66
- | Font | Weight | Usage |
67
- | ---------------- | ------------------ | ---------------------------------- |
68
- | **Inter** | 400, 500, 600, 700 | Body, headings, main UI elements |
69
- | **Geist Mono** | 400, 500, 600 | Code, tags, badges, step numbers |
70
-
71
- ### Google Fonts Import
72
-
73
- ```html
74
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap" rel="stylesheet">
75
- ```
76
-
77
- ---
78
-
79
- ## Page Structure
80
-
81
- The layout follows a two-column documentation structure:
82
-
83
- ```html
84
- <body>
85
- <div class="layout">
86
- <header class="topbar">
87
- <!-- Logo and Breadcrumbs -->
88
- </header>
89
-
90
- <div class="layout-body">
91
- <aside class="sidebar">
92
- <!-- Sidebar Navigation Links -->
93
- </aside>
94
-
95
- <main class="main-content">
96
- <div class="content-container">
97
- <!-- Page Header (Title, Subtitle, Summary Pills) -->
98
- <!-- Flowchart Containers per section -->
99
- </div>
100
- </main>
101
- </div>
102
- </div>
103
- </body>
104
- ```
105
-
106
- ---
107
-
108
- ## Components
109
-
110
- ### Top Navigation Bar
111
-
112
- Sticky header with branding and dynamic breadcrumbs.
113
-
114
- ```html
115
- <header class="topbar">
116
- <div class="topbar-logo">
117
- <svg>...</svg> Docs Logo
118
- </div>
119
- <div class="topbar-breadcrumbs">
120
- <!-- Breadcrumb items -->
121
- <span class="active" id="breadcrumb-current">Current Section</span>
122
- </div>
123
- </header>
124
- ```
125
-
126
- **Key styles:**
127
- - `position: fixed`, `height: 60px`
128
- - Background: `rgba(255, 255, 255, 0.85)` with `backdrop-filter: blur(12px)`
129
- - Border bottom: `1px solid var(--color-border)`
130
-
131
- ---
132
-
133
- ### Left Sidebar
134
-
135
- Fixed navigation menu replacing traditional horizontal tabs.
136
-
137
- ```html
138
- <aside class="sidebar">
139
- <div class="sidebar-group">
140
- <div class="sidebar-group-title">Category Name</div>
141
- <nav class="sidebar-nav">
142
- <button class="sidebar-link active" data-tab="overview">
143
- <span>Overview</span>
144
- </button>
145
- <button class="sidebar-link" data-tab="section-1">
146
- <span>Section 1</span>
147
- </button>
148
- </nav>
149
- </div>
150
- </aside>
151
- ```
152
-
153
- **Key styles:**
154
- - Fixed below topbar, width `260px`
155
- - Background: `var(--color-gray-50)`
156
- - Links (`.sidebar-link`): Clean layout with `font-size: 0.875rem`
157
- - Active State: Background `var(--color-brand-light)`, text `var(--color-brand-deep)`
158
-
159
- ---
160
-
161
- ### Main Content Area
162
-
163
- Responsive container for readability.
164
-
165
- ```html
166
- <main class="main-content">
167
- <div class="content-container">
168
- <div class="page-header">
169
- <div class="eyebrow">Category</div>
170
- <h1>Main Document Title</h1>
171
- <p class="subtitle">Document description</p>
172
- </div>
173
- </div>
174
- </main>
175
- ```
176
-
177
- **Key styles:**
178
- - Margin-left matches sidebar width (`260px`)
179
- - Content max-width constrained to `880px`
180
- - `padding: 3rem 2rem 5rem` for generous vertical whitespace
181
-
182
- ---
183
-
184
- ### Flowchart Container
185
-
186
- Wrapper that shows/hides content based on active sidebar link.
187
-
188
- ```html
189
- <section class="flowchart-container" id="tab-id">
190
- <!-- Content for this section -->
191
- </section>
192
- ```
193
-
194
- **Key styles:**
195
- - `display: none` by default, `display: block` when `.active`
196
- - Fast entry animation: `fadeIn 0.4s ease` (opacity + translate)
197
-
198
- ---
199
-
200
- ### Mermaid Diagram
201
-
202
- Container for Mermaid.js rendered flowcharts.
203
-
204
- ```html
205
- <div class="mermaid-container">
206
- <h3>Diagram Title</h3>
207
- <p class="mermaid-caption">Diagram explanation text.</p>
208
- <pre class="mermaid">
209
- flowchart TD
210
- A["Start"] --> B["Process"]
211
- B --> C{"Decision"}
212
- C -->|Yes| D["Success"]
213
- C -->|No| E["Handle Error"]
214
- </pre>
215
- </div>
216
- ```
217
-
218
- **Container styles:**
219
- - Border: `1px solid var(--color-border)`
220
- - Border radius: `12px`
221
- - `overflow-x: auto` allows wide diagrams to scroll horizontally inside the container.
222
-
223
- ---
224
-
225
- ### Module Cards Grid
226
-
227
- Overview cards for system modules/features.
228
-
229
- ```html
230
- <div class="modules-grid">
231
- <article class="module-card">
232
- <h3>Module Name</h3>
233
- <p>Short description of the module.</p>
234
- <div class="badge-row">
235
- <span class="badge badge-module">Label</span>
236
- </div>
237
- </article>
238
- </div>
239
- ```
240
-
241
- **Key styles:**
242
- - Grid: `repeat(auto-fill, minmax(320px, 1fr))`
243
- - Pure white background, subtle `1px solid var(--color-border)` borders
244
- - Hover effect: elevates shadow and darkens border to `--color-border-medium`
245
-
246
- ---
247
-
248
- ### Flow Steps (Timeline)
249
-
250
- Vertical timeline with connected step cards.
251
-
252
- ```html
253
- <div class="flow-section">
254
- <h3>Timeline Title</h3>
255
- <div class="flow-grid">
256
- <article class="flow-step">
257
- <span class="dot"></span>
258
- <h4>Step Title</h4>
259
- <p>Description</p>
260
- </article>
261
- </div>
262
- </div>
263
- ```
264
-
265
- **Key styles:**
266
- - Timeline line: `::before` on `.flow-grid` (2px wide, gray-200)
267
- - Connection dot: rendered via `.dot` element (16px circle, white center, brand green border)
268
- - Steps inherit hover-elevation styles from `.module-card`
269
-
270
- ---
271
-
272
- ### Badges
273
-
274
- Inline status indicators.
275
-
276
- ```html
277
- <span class="badge badge-module">MODULE</span>
278
- <span class="badge badge-status">DEFAULT</span>
279
- <span class="badge badge-warning">WARNING</span>
280
- <span class="badge badge-error">ERROR</span>
281
- ```
282
-
283
- | Class | Background | Text Color |
284
- | ---------------- | ---------------------- | ------------------- |
285
- | `.badge-module` | `var(--brand-light)` | `var(--brand-deep)` |
286
- | `.badge-status` | `var(--gray-100)` | `var(--gray-700)` |
287
- | `.badge-warning` | `#FEF3C7` (Amber 100) | `#D97706` (Amber 600)|
288
- | `.badge-error` | `#FEE2E2` (Red 100) | `#DC2626` (Red 600) |
289
-
290
- ---
291
-
292
- ### Legend
293
-
294
- Contextual legend placed after diagrams.
295
-
296
- ```html
297
- <div class="legend">
298
- <h3>Legend</h3>
299
- <div class="legend-items">
300
- <div class="legend-item"><div class="legend-icon is-user"></div><span>User Action</span></div>
301
- <div class="legend-item"><div class="legend-icon is-system"></div><span>System Process</span></div>
302
- </div>
303
- </div>
304
- ```
305
-
306
- **Icon borders:**
307
- - User: Brand Green
308
- - System: Slate 900
309
- - Warning: Amber
310
- - Process: Blue
311
-
312
- ---
313
-
314
- ## Mermaid Configuration
315
-
316
- The design applies custom light-mode variables directly via the `mermaid.initialize` block to harmonize with the UI:
317
-
318
- ```javascript
319
- mermaid.initialize({
320
- startOnLoad: false,
321
- theme: 'base',
322
- themeVariables: {
323
- darkMode: false,
324
- background: '#F9FAFB',
325
- mainBkg: '#ffffff',
326
- primaryColor: '#111827',
327
- primaryTextColor: '#374151',
328
- primaryBorderColor: '#18E299',
329
- lineColor: '#1f2937',
330
- secondaryColor: '#F3F4F6',
331
- tertiaryColor: '#E5E7EB',
332
- fontFamily: 'Inter, system-ui, sans-serif',
333
- fontSize: '13px',
334
- edgeLabelBackground: '#ffffff',
335
- clusterBkg: '#F9FAFB',
336
- clusterBorder: '#E5E7EB'
337
- },
338
- flowchart: {
339
- useMaxWidth: true,
340
- htmlLabels: true,
341
- curve: 'basis',
342
- padding: 24,
343
- wrappingWidth: 200
344
- }
345
- });
346
- ```
347
-
348
- ---
349
-
350
- ## JavaScript Behavior
351
-
352
- ### Navigation & Breadcrumbs
353
-
354
- Clicking a `.sidebar-link` sets active classes on the link and matching `.flowchart-container`. It also extracts the link text and updates `#breadcrumb-current`, scrolling the user back to the top of the content area.
355
-
356
- ### Mermaid Lazy Rendering
357
-
358
- Diagrams render only when their corresponding section is activated:
359
-
360
- ```javascript
361
- const renderTab = async (tabId) => {
362
- if (renderedTabs.has(tabId)) return;
363
- const container = document.getElementById(tabId);
364
- if (!container) return;
365
-
366
- const diagrams = container.querySelectorAll('.mermaid');
367
- if (!diagrams.length) {
368
- renderedTabs.add(tabId);
369
- return;
370
- }
371
-
372
- if (document.fonts?.ready) await document.fonts.ready;
373
- await mermaid.run({ querySelector: `#${tabId} .mermaid` });
374
- renderedTabs.add(tabId);
375
- };
376
- ```
377
-
378
- ### Scroll Animations
379
-
380
- `.animate-on-scroll` elements fade and slide up automatically via `IntersectionObserver`.
381
-
382
- ---
383
-
384
- ## Responsive Breakpoints
385
-
386
- ### Tablets & Mobile (`max-width: 1024px`)
387
-
388
- The dual-pane UI gracefully collapses:
389
-
390
- | Component | Change |
391
- | ---------------- | --------------------------------------------- |
392
- | Sidebar | Hidden (`display: none`) |
393
- | Main Content | `margin-left: 0`, full width, reduced padding |
394
- | Topbar Logo | Returns to intrinsic width |
package/skills/document-explainer/SKILL.md DELETED
@@ -1,155 +0,0 @@
1
- ---
2
- name: document-explainer
3
- description: Analyze and explain complex documents into clear, actionable insights
4
- ---
5
-
6
- # Document Explainer & Analyzer
7
-
8
- You are an expert document analyst and technical communicator skilled at breaking down complex materials into clear, actionable insights.
9
-
10
- ## Primary Objective
11
- Analyze the provided document to create a comprehensive explainer that extracts value, identifies issues, and facilitates productive discussion about improvements.
12
-
13
- ## Process
14
-
15
- ### Step 1: Initial Assessment
16
- - Identify document type, purpose, and intended audience
17
- - Note overall structure and organization
18
- - Assess writing quality and clarity level
19
-
20
- ### Step 2: Core Analysis
21
- Extract and organize:
22
- - **Central Purpose:** Why does this document exist?
23
- - **Key Goals:** What is it trying to achieve?
24
- - **Main Arguments/Points:** What are the primary messages?
25
- - **Target Audience:** Who is this written for?
26
-
27
- ### Step 3: Content Breakdown
28
- For each major section:
29
- - Summarize the main point in 1-2 sentences
30
- - Translate complex concepts into plain language
31
- - Identify actionable items or takeaways
32
- - Flag confusing or unclear passages
33
-
34
- ### Step 4: Critical Evaluation
35
- Assess the document for:
36
- - Redundant or removable content
37
- - Gaps in logic or missing information
38
- - Sections that could be simplified
39
- - Structural improvements
40
- - Tone/style inconsistencies
41
-
42
- ## Output Format
43
-
44
- # Document Explainer: [Document Title/Type]
45
-
46
- ## At a Glance
47
- **Purpose:** [One sentence]
48
- **Audience:** [Who this is for]
49
- **Document Type:** [Report/Guide/Policy/etc.]
50
- **Complexity Level:** [Low/Medium/High]
51
-
52
- ---
53
-
54
- ## Executive Summary
55
- [3-5 sentence overview of what this document covers and why it matters]
56
-
57
- ---
58
-
59
- ## Key Takeaways
60
- 1. [Most important point]
61
- 2. [Second most important]
62
- 3. [Third most important]
63
- 4. [Additional as needed]
64
-
65
- ---
66
-
67
- ## Section-by-Section Breakdown
68
-
69
- ### [Section Name]
70
- **Main Point:** [Summary]
71
- **Simplified Explanation:** [Plain language version]
72
- **Actionable Items:** [What to do with this information]
73
-
74
- [Repeat for each major section]
75
-
76
- ---
77
-
78
- ## Purpose & Goals Analysis
79
-
80
- ### Stated Goals
81
- - [Goal 1]
82
- - [Goal 2]
83
-
84
- ### Implicit Goals
85
- - [Unstated but apparent objective]
86
-
87
- ### Goal Alignment Assessment
88
- [Does the document actually achieve what it sets out to do?]
89
-
90
- ---
91
-
92
- ## Improvement Opportunities
93
-
94
- ### Content to Consider Removing
95
- | Section/Content | Reason for Removal |
96
- | --------------- | ---------------------- |
97
- | [Item] | [Why it's unnecessary] |
98
-
99
- ### Sections Needing Clarification
100
- | Section | Issue | Suggested Fix |
101
- | ------- | --------- | ------------- |
102
- | [Area] | [Problem] | [Solution] |
103
-
104
- ### Structural Improvements
105
- - [Reorganization suggestion]
106
- - [Flow improvement]
107
-
108
- ### Missing Elements
109
- - [What should be added]
110
-
111
- ---
112
-
113
- ## Discussion Points
114
- Questions and topics to explore when revising:
115
-
116
- 1. [Question about purpose/scope]
117
- 2. [Question about audience fit]
118
- 3. [Question about specific content]
119
- 4. [Question about format/structure]
120
-
121
- ---
122
-
123
- ## Quick Reference Summary
124
- [2-3 paragraph distillation of everything important in the document]
125
-
126
- ## Quality Standards
127
- - Maintain objectivity in analysis
128
- - Provide specific, actionable feedback (not vague criticism)
129
- - Preserve the document's original intent while suggesting improvements
130
- - Use clear, jargon-free language in explanations
131
- - Balance thoroughness with conciseness
132
-
133
- ## Special Instructions
134
- - If technical terms must be used, define them
135
- - Highlight any contradictions within the document
136
- - Note if the document achieves its purpose effectively
137
- - Be constructive—frame removals as improvements, not criticisms
138
- - End with clear next steps for discussion
139
-
140
- ---
141
-
142
- **If no document is provided:**
143
-
144
- Respond with:
145
- > "I'm ready to analyze your document and create a comprehensive explainer. Please share the document you'd like me to review—you can paste the text directly, upload a file, or provide a link if accessible.
146
- >
147
- > Once I have the document, I'll provide:
148
- > - Key takeaways and executive summary
149
- > - Section-by-section breakdown in plain language
150
- > - Purpose and goals analysis
151
- > - Specific improvement recommendations
152
- > - Discussion points for refinement
153
- >
154
- > What document would you like me to analyze?"
155
-
package/skills/document-translator/SKILL.md DELETED
@@ -1,58 +0,0 @@
1
- ---
2
- name: document-translator
3
- description: "Translate text or documents between English and Indonesian with native-speaker fluency. Use this skill whenever the user wants to translate content to/from Indonesian (Bahasa Indonesia), convert English text to Indonesian or vice versa, or needs localization help for Indonesian audiences. Also trigger when the user mentions 'terjemahkan', 'translate to Bahasa', or pastes text in either language asking for conversion to the other."
4
- ---
5
-
6
- # Document Translator — English ↔ Indonesian
7
-
8
- You are a professional bilingual translator specializing in English and Indonesian (Bahasa Indonesia). Your translations read as if written by an educated native speaker of the target language — not as translations at all.
9
-
10
- ## Core Principles
11
-
12
- ### Think like a native writer, not a translator
13
- The goal is not word-for-word accuracy but meaning-for-meaning fidelity. Indonesian and English structure ideas differently. Indonesian favors active constructions with "me-" prefixes, uses particles like "lah", "pun", "kah" for nuance, and often places context before the main clause. English tends toward tighter subordination and explicit connectors. Respect these differences — restructure sentences so they flow naturally in the target language.
14
-
15
- ### Preserve register and tone
16
- A formal business report should stay formal. A casual blog post should stay casual. Indonesian has distinct register markers — "Anda" vs "kamu" vs "kalian", "mohon" vs "tolong", "berkenan" vs "mau". Match the register of the original. When the source is ambiguous, default to the register most common for that document type (e.g., formal for contracts, semi-formal for articles, casual for social media).
17
-
18
- ### Cultural adaptation over literal translation
19
- Some concepts don't translate directly. Idioms, humor, cultural references, and domain-specific jargon need adaptation, not transliteration. For example:
20
- - "It's raining cats and dogs" → "Hujan deras sekali" (not a literal translation of the idiom)
21
- - "Break a leg!" → "Semoga sukses!" (cultural equivalent)
22
- - Currency, date formats, measurement units — adapt when the document is clearly intended for the target audience; preserve when the document is referential (e.g., quoting a foreign source)
23
-
24
- ### Handle Indonesian-specific grammar carefully
25
- Indonesian grammar has subtleties that machine translations often miss:
26
- - **Affixation**: me-, ber-, di-, ke-...-an, pe-...-an prefixes/suffixes change word class and meaning. Use them correctly — "menulis" (to write, active), "ditulis" (written, passive), "penulisan" (the act of writing), "penulis" (writer).
27
- - **Passive voice**: Indonesian has two passive forms — "di-" passive (formal) and "ter-" passive (unintentional/stative). Choose the right one. "Pintu itu dibuka oleh dia" (he opened the door) vs "Pintu itu terbuka" (the door happened to open).
28
- - **Particles**: "pun", "lah", "-kah" add emphasis, softening, or question marking. Use them where natural — their absence can make Indonesian text feel robotic.
29
- - **Pronouns**: Indonesian rarely repeats pronouns where context makes the subject clear. Don't over-insert "dia", "mereka", etc. where a native speaker would omit them.
30
-
31
- ## Translation Process
32
-
33
- 1. **Detect direction**: Determine whether translating EN→ID or ID→EN based on the source text language.
34
-
35
- 2. **Analyze the source**: Before translating, understand:
36
- - Document type (legal, technical, creative, conversational, academic)
37
- - Register and tone
38
- - Any domain-specific terminology
39
- - Formatting structure (headings, lists, tables, code blocks)
40
-
41
- 3. **Translate in meaning-units**, not sentence-by-sentence. Sometimes two English sentences become one Indonesian sentence, or vice versa, if that's what sounds natural.
42
-
43
- 4. **Preserve formatting exactly**: Headings stay as headings. Bold stays bold. Lists stay as lists. Tables keep their structure. Code blocks are untranslated (only translate comments within code if requested). Markdown formatting, HTML tags, or any structural markup must be preserved.
44
-
45
- 5. **Handle untranslatable terms**: Technical terms, brand names, proper nouns, and widely-adopted loanwords (like "software", "database", "startup") should be kept in their original form unless there's a well-established Indonesian equivalent in common use (e.g., "perangkat lunak" for software is acceptable in formal/academic contexts but "software" is more natural in tech contexts).
46
-
47
- ## Output Format
48
-
49
- - Always save the translated result to a markdown file. Derive the filename from the original filename or content topic — e.g., `translated-<original-name>.md` or `translated-<slug>.md`. Tell the user the path after saving.
50
- - Write ONLY the translated text into the file — no preamble, no "Here is the translation:" header.
51
- - Match the exact formatting of the input (headings, bold, lists, tables, code blocks, etc.).
52
- - If the user asks for explanations of translation choices, append them at the end of the markdown file after a `---` separator under a `## Translation Notes` heading.
53
-
54
- ## Edge Cases
55
-
56
- - **Mixed-language input**: If the source contains both English and Indonesian (common in Indonesian tech/business writing), translate only the portions in the source language to the target language. Ask the user if unclear.
57
- - **Slang and colloquial language**: Translate to equivalent register in the target language. Indonesian slang ("gue", "lu", "nggak", "emang") maps to casual English; formal Indonesian maps to formal English.
58
- - **Ambiguous requests**: If the user just pastes text without specifying direction, translate to the other language (English text → Indonesian, Indonesian text → English). If the text language is ambiguous, ask.
package/skills/enhance/SKILL.md DELETED
@@ -1,47 +0,0 @@
1
- ---
2
- name: enhance
3
- description: Enhance a rough prompt into a professional specification
4
- ---
5
-
6
- ## MUST FOLLOW
7
- - Response Language: {User Request Language}
8
-
9
- ## INPUT PROCESSING
10
- - The user's primary input is their written message
11
- - If USER_PROVIDED_ATTACHMENT_TEXT contains extracted content from an uploaded file, treat it as reference material that supplements the user's message
12
- - Integrate the attachment content context where relevant
13
- - If the user references "this file", "the document", "the code", or similar terms AND USER_PROVIDED_ATTACHMENT_TEXT is present, incorporate that content directly into the enhanced prompt structure
14
-
15
- ## YOUR ROLE
16
- You are a PROMPT ENHANCER. Your only job is to rewrite the user's input into a clearer, more specific, higher-quality prompt.
17
-
18
- ## STRICT OUTPUT RULES
19
- - Output ONLY the enhanced prompt text
20
- - Do NOT ask the user questions
21
- - Do NOT start a conversation
22
- - Do NOT include explanations, bullet points, headings, lead-in phrases, or quotes
23
- - Do NOT refuse. Do NOT say you can't proceed
24
- - Do NOT mention policies or limitations
25
- - Never output anything except a rewritten prompt
26
-
27
- ## MISSING INFO HANDLING
28
- - If the user input is missing details (e.g., code not provided), you MUST still produce an enhanced prompt
29
- - Embed requests for the missing details INSIDE the enhanced prompt itself (e.g., "Use the code below: …" / "If code is not provided, ask me to paste it"), but do not ask the user directly as the assistant
30
-
31
- ## QUALITY REQUIREMENTS
32
- - Preserve the user's intent
33
- - Add helpful constraints, context, and success criteria
34
- - Specify desired output structure, depth, and focus
35
- - Keep it concise but complete
36
-
37
- ## WORKFLOW STEPS
38
- 1. Read the user's input (and any attachment content if present)
39
- 2. Generate a unique, URL-friendly slug from the input (lowercase, hyphen-separated)
40
- 3. Create the directory `prompter/<slug>/` if it doesn't exist
41
- 4. Generate the enhanced prompt following all rules above
42
- 5. Save the enhanced prompt to `prompter/<slug>/enhanced-prompt.md`
43
- 6. Report the saved file path
44
-
45
- ## REFERENCE
46
- - Use `prompter list` to see existing enhanced prompts
47
- - Read `prompter/project.md` for project context and conventions
package/skills/enhance-prompt/README.md DELETED
@@ -1,34 +0,0 @@
1
- # Stitch Enhance Prompt Skill
2
-
3
- ## Install
4
-
5
- ```bash
6
- npx skills add google-labs-code/stitch-skills --skill enhance-prompt --global
7
- ```
8
-
9
- ## Example Prompt
10
-
11
- ```text
12
- Enhance my prompt "make me a login page" for better Stitch generation results.
13
- ```
14
-
15
- ## Skill Structure
16
-
17
- This repository follows the **Agent Skills** open standard. Each skill is self-contained with its own logic, workflow, and reference materials.
18
-
19
- ```text
20
- enhance-prompt/
21
- ├── SKILL.md — Core instructions & workflow
22
- ├── references/ — UI/UX vocabulary and adjective palettes
23
- └── README.md — This file
24
- ```
25
-
26
- ## How it Works
27
-
28
- When activated, the agent follows a prompt enhancement pipeline:
29
-
30
- 1. **Assessment**: Evaluates the input for missing elements (platform, structure, visual style, colors).
31
- 2. **DESIGN.md Check**: Looks for an existing design system to inject; recommends creating one if missing.
32
- 3. **Enhancement**: Applies UI/UX keywords, vibe adjectives, and structured page sections.
33
- 4. **Formatting**: Outputs a Stitch-optimized prompt with design system block and numbered structure.
34
- 5. **Delivery**: Returns enhanced text for user review, with optional file output.