@dedesfr/prompter 0.9.0 → 1.0.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 (216) hide show
  1. package/CHANGELOG.md +21 -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 +32 -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.map +1 -1
  17. package/dist/commands/update.js +18 -5
  18. package/dist/commands/update.js.map +1 -1
  19. package/dist/commands/whoami.d.ts +4 -0
  20. package/dist/commands/whoami.d.ts.map +1 -0
  21. package/dist/commands/whoami.js +42 -0
  22. package/dist/commands/whoami.js.map +1 -0
  23. package/dist/core/auth-store.d.ts +10 -0
  24. package/dist/core/auth-store.d.ts.map +1 -0
  25. package/dist/core/auth-store.js +39 -0
  26. package/dist/core/auth-store.js.map +1 -0
  27. package/dist/core/registry.d.ts +18 -0
  28. package/dist/core/registry.d.ts.map +1 -0
  29. package/dist/core/registry.js +94 -0
  30. package/dist/core/registry.js.map +1 -0
  31. package/package.json +7 -1
  32. package/AGENTS.md +0 -123
  33. package/CLAUDE.md +0 -17
  34. package/build.js +0 -20
  35. package/convex-setup.md +0 -403
  36. package/prompt/ai-humanizer.md +0 -45
  37. package/prompt/api-contract-generator.md +0 -234
  38. package/prompt/apply.md +0 -17
  39. package/prompt/archive.md +0 -21
  40. package/prompt/design-system.md +0 -210
  41. package/prompt/document-explainer.md +0 -149
  42. package/prompt/epic-generator.md +0 -198
  43. package/prompt/epic-single.md +0 -47
  44. package/prompt/erd-generator.md +0 -130
  45. package/prompt/fsd-generator.md +0 -157
  46. package/prompt/prd-agent-generator.md +0 -147
  47. package/prompt/prd-generator.md +0 -195
  48. package/prompt/product-brief.md +0 -289
  49. package/prompt/proposal.md +0 -22
  50. package/prompt/qa-test-scenario.md +0 -133
  51. package/prompt/skill-creator.md +0 -350
  52. package/prompt/story-generator.md +0 -278
  53. package/prompt/story-single.md +0 -70
  54. package/prompt/tdd-generator.md +0 -294
  55. package/prompt/tdd-lite-generator.md +0 -224
  56. package/prompt/wireframe-generator.md +0 -219
  57. package/skills/ai-context-generator/SKILL.md +0 -54
  58. package/skills/ai-context-generator/references/AGENTS.template.md +0 -83
  59. package/skills/ai-context-generator/references/CLAUDE.template.md +0 -39
  60. package/skills/ai-context-generator/references/behavioral-guidelines.md +0 -71
  61. package/skills/ai-context-generator/references/discovery-checklist.md +0 -40
  62. package/skills/ai-context-generator/references/examples/AGENTS.good.md +0 -103
  63. package/skills/ai-context-generator/references/extraction-checklist.md +0 -23
  64. package/skills/ai-context-generator/references/overlays/laravel.md +0 -44
  65. package/skills/ai-humanizer/SKILL.md +0 -50
  66. package/skills/api-contract-generator/SKILL.md +0 -243
  67. package/skills/apply/SKILL.md +0 -23
  68. package/skills/archive/SKILL.md +0 -27
  69. package/skills/cerebro/SKILL.md +0 -187
  70. package/skills/cerebro/references/agents.md +0 -213
  71. package/skills/code-review/SKILL.md +0 -373
  72. package/skills/code-review/assets/report-template-agent.md +0 -212
  73. package/skills/code-review/assets/report-template-compact.md +0 -81
  74. package/skills/code-review/assets/report-template-full.md +0 -264
  75. package/skills/code-review/assets/report-template-human.md +0 -168
  76. package/skills/code-review/references/universal-patterns.md +0 -495
  77. package/skills/design-md/README.md +0 -34
  78. package/skills/design-md/SKILL.md +0 -172
  79. package/skills/design-md/examples/DESIGN.md +0 -154
  80. package/skills/design-system/SKILL.md +0 -216
  81. package/skills/design-system-generator/SKILL.md +0 -324
  82. package/skills/design-system-generator/assets/design-system-template.md +0 -348
  83. package/skills/design-system-generator/references/extraction-patterns.md +0 -321
  84. package/skills/doc-builder/SKILL.md +0 -115
  85. package/skills/doc-builder/references/ui-patterns.md +0 -394
  86. package/skills/document-explainer/SKILL.md +0 -155
  87. package/skills/document-translator/SKILL.md +0 -58
  88. package/skills/enhance/SKILL.md +0 -47
  89. package/skills/enhance-prompt/README.md +0 -34
  90. package/skills/enhance-prompt/SKILL.md +0 -204
  91. package/skills/enhance-prompt/references/KEYWORDS.md +0 -114
  92. package/skills/epic-generator/SKILL.md +0 -204
  93. package/skills/epic-single/SKILL.md +0 -63
  94. package/skills/erd-generator/SKILL.md +0 -138
  95. package/skills/feature-planner/SKILL.md +0 -305
  96. package/skills/feature-planner/assets/implementation-plan-template.md +0 -85
  97. package/skills/frontend-design/LICENSE.txt +0 -177
  98. package/skills/frontend-design/SKILL.md +0 -42
  99. package/skills/fsd-generator/SKILL.md +0 -163
  100. package/skills/gamma-builder/SKILL.md +0 -134
  101. package/skills/laravel-code-review/SKILL.md +0 -383
  102. package/skills/laravel-code-review/assets/report-template-agent.md +0 -195
  103. package/skills/laravel-code-review/assets/report-template-compact.md +0 -79
  104. package/skills/laravel-code-review/assets/report-template-full.md +0 -253
  105. package/skills/laravel-code-review/assets/report-template-human.md +0 -159
  106. package/skills/laravel-code-review/references/laravel-patterns.md +0 -571
  107. package/skills/laravel-code-review/references/php84-features.md +0 -442
  108. package/skills/mcp-builder/LICENSE.txt +0 -202
  109. package/skills/mcp-builder/SKILL.md +0 -236
  110. package/skills/mcp-builder/reference/evaluation.md +0 -602
  111. package/skills/mcp-builder/reference/mcp_best_practices.md +0 -249
  112. package/skills/mcp-builder/reference/node_mcp_server.md +0 -970
  113. package/skills/mcp-builder/reference/python_mcp_server.md +0 -719
  114. package/skills/mcp-builder/scripts/connections.py +0 -151
  115. package/skills/mcp-builder/scripts/evaluation.py +0 -373
  116. package/skills/mcp-builder/scripts/example_evaluation.xml +0 -22
  117. package/skills/mcp-builder/scripts/requirements.txt +0 -2
  118. package/skills/meeting-notes/SKILL.md +0 -159
  119. package/skills/meeting-notes/evals/evals.json +0 -23
  120. package/skills/prd-agent-generator/SKILL.md +0 -132
  121. package/skills/prd-generator/SKILL.md +0 -211
  122. package/skills/product-brief/SKILL.md +0 -141
  123. package/skills/project-orchestrator/SKILL.md +0 -487
  124. package/skills/project-orchestrator/assets/caddy-vps-setup.md +0 -180
  125. package/skills/project-orchestrator/assets/plan-summary-template.md +0 -159
  126. package/skills/prompter-specs/SKILL.md +0 -115
  127. package/skills/prompter-workflow/SKILL.md +0 -166
  128. package/skills/prompter-workflow/evals/evals.json +0 -89
  129. package/skills/proposal/SKILL.md +0 -28
  130. package/skills/qa-test-scenario/SKILL.md +0 -149
  131. package/skills/skill-creator/SKILL.md +0 -173
  132. package/skills/sph-generator/SKILL.md +0 -488
  133. package/skills/story-generator/SKILL.md +0 -285
  134. package/skills/story-single/SKILL.md +0 -86
  135. package/skills/tdd-generator/SKILL.md +0 -300
  136. package/skills/tdd-lite-generator/SKILL.md +0 -230
  137. package/skills/ui-ux-pro/SKILL.md +0 -199
  138. package/skills/ui-ux-pro/assets/design-spec-template.md +0 -173
  139. package/skills/ui-ux-pro/references/component-patterns.md +0 -255
  140. package/skills/ui-ux-pro/references/design-principles.md +0 -167
  141. package/skills/wireframe-generator/SKILL.md +0 -227
  142. package/src/cli/index.ts +0 -223
  143. package/src/commands/archive.ts +0 -302
  144. package/src/commands/change.ts +0 -292
  145. package/src/commands/config.ts +0 -233
  146. package/src/commands/guide.ts +0 -50
  147. package/src/commands/init.ts +0 -597
  148. package/src/commands/list.ts +0 -194
  149. package/src/commands/show.ts +0 -138
  150. package/src/commands/spec.ts +0 -251
  151. package/src/commands/update.ts +0 -129
  152. package/src/commands/upgrade.ts +0 -30
  153. package/src/commands/validate.ts +0 -326
  154. package/src/core/artifact-graph/graph.ts +0 -167
  155. package/src/core/artifact-graph/index.ts +0 -44
  156. package/src/core/artifact-graph/instruction-loader.ts +0 -302
  157. package/src/core/artifact-graph/resolver.ts +0 -226
  158. package/src/core/artifact-graph/schema.ts +0 -124
  159. package/src/core/artifact-graph/state.ts +0 -64
  160. package/src/core/artifact-graph/types.ts +0 -65
  161. package/src/core/completions/command-registry.ts +0 -382
  162. package/src/core/completions/completion-provider.ts +0 -128
  163. package/src/core/completions/generators/bash-generator.ts +0 -191
  164. package/src/core/completions/generators/fish-generator.ts +0 -188
  165. package/src/core/completions/generators/powershell-generator.ts +0 -223
  166. package/src/core/completions/generators/zsh-generator.ts +0 -281
  167. package/src/core/completions/templates/bash-templates.ts +0 -24
  168. package/src/core/completions/templates/fish-templates.ts +0 -40
  169. package/src/core/completions/templates/powershell-templates.ts +0 -25
  170. package/src/core/completions/templates/zsh-templates.ts +0 -36
  171. package/src/core/completions/types.ts +0 -90
  172. package/src/core/config-schema.ts +0 -230
  173. package/src/core/config.ts +0 -181
  174. package/src/core/configurators/slash/antigravity.ts +0 -10
  175. package/src/core/configurators/slash/base.ts +0 -109
  176. package/src/core/configurators/slash/claude.ts +0 -10
  177. package/src/core/configurators/slash/codex.ts +0 -10
  178. package/src/core/configurators/slash/droid.ts +0 -10
  179. package/src/core/configurators/slash/forge.ts +0 -10
  180. package/src/core/configurators/slash/github-copilot.ts +0 -10
  181. package/src/core/configurators/slash/index.ts +0 -10
  182. package/src/core/configurators/slash/kilocode.ts +0 -10
  183. package/src/core/configurators/slash/opencode.ts +0 -10
  184. package/src/core/configurators/slash/registry.ts +0 -51
  185. package/src/core/converters/json-converter.ts +0 -62
  186. package/src/core/global-config.ts +0 -136
  187. package/src/core/parsers/change-parser.ts +0 -234
  188. package/src/core/parsers/markdown-parser.ts +0 -237
  189. package/src/core/parsers/requirement-blocks.ts +0 -234
  190. package/src/core/prompt-templates.ts +0 -3504
  191. package/src/core/schemas/base.schema.ts +0 -20
  192. package/src/core/schemas/change.schema.ts +0 -42
  193. package/src/core/schemas/index.ts +0 -20
  194. package/src/core/schemas/spec.schema.ts +0 -17
  195. package/src/core/skill-discovery.ts +0 -68
  196. package/src/core/specs-apply.ts +0 -483
  197. package/src/core/styles/palette.ts +0 -8
  198. package/src/core/templates/agents-template.ts +0 -459
  199. package/src/core/templates/claude-template.ts +0 -2
  200. package/src/core/templates/index.ts +0 -3
  201. package/src/core/templates/project-template.ts +0 -32
  202. package/src/core/validation/constants.ts +0 -48
  203. package/src/core/validation/types.ts +0 -19
  204. package/src/core/validation/validator.ts +0 -449
  205. package/src/core/view.ts +0 -219
  206. package/src/index.ts +0 -1
  207. package/src/utils/change-metadata.ts +0 -171
  208. package/src/utils/change-utils.ts +0 -131
  209. package/src/utils/file-system.ts +0 -252
  210. package/src/utils/index.ts +0 -12
  211. package/src/utils/interactive.ts +0 -29
  212. package/src/utils/item-discovery.ts +0 -66
  213. package/src/utils/match.ts +0 -26
  214. package/src/utils/shell-detection.ts +0 -62
  215. package/src/utils/task-progress.ts +0 -43
  216. package/tsconfig.json +0 -28
@@ -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 |
@@ -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
-
@@ -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.
@@ -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
@@ -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.