@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.
- package/CHANGELOG.md +21 -0
- package/README.md +105 -77
- package/dist/cli/index.js +25 -1
- package/dist/cli/index.js.map +1 -1
- package/dist/commands/init.d.ts.map +1 -1
- package/dist/commands/init.js +32 -9
- package/dist/commands/init.js.map +1 -1
- package/dist/commands/login.d.ts +4 -0
- package/dist/commands/login.d.ts.map +1 -0
- package/dist/commands/login.js +56 -0
- package/dist/commands/login.js.map +1 -0
- package/dist/commands/logout.d.ts +4 -0
- package/dist/commands/logout.d.ts.map +1 -0
- package/dist/commands/logout.js +14 -0
- package/dist/commands/logout.js.map +1 -0
- package/dist/commands/update.d.ts.map +1 -1
- package/dist/commands/update.js +18 -5
- package/dist/commands/update.js.map +1 -1
- package/dist/commands/whoami.d.ts +4 -0
- package/dist/commands/whoami.d.ts.map +1 -0
- package/dist/commands/whoami.js +42 -0
- package/dist/commands/whoami.js.map +1 -0
- package/dist/core/auth-store.d.ts +10 -0
- package/dist/core/auth-store.d.ts.map +1 -0
- package/dist/core/auth-store.js +39 -0
- package/dist/core/auth-store.js.map +1 -0
- package/dist/core/registry.d.ts +18 -0
- package/dist/core/registry.d.ts.map +1 -0
- package/dist/core/registry.js +94 -0
- package/dist/core/registry.js.map +1 -0
- package/package.json +7 -1
- package/AGENTS.md +0 -123
- package/CLAUDE.md +0 -17
- package/build.js +0 -20
- package/convex-setup.md +0 -403
- package/prompt/ai-humanizer.md +0 -45
- package/prompt/api-contract-generator.md +0 -234
- package/prompt/apply.md +0 -17
- package/prompt/archive.md +0 -21
- package/prompt/design-system.md +0 -210
- package/prompt/document-explainer.md +0 -149
- package/prompt/epic-generator.md +0 -198
- package/prompt/epic-single.md +0 -47
- package/prompt/erd-generator.md +0 -130
- package/prompt/fsd-generator.md +0 -157
- package/prompt/prd-agent-generator.md +0 -147
- package/prompt/prd-generator.md +0 -195
- package/prompt/product-brief.md +0 -289
- package/prompt/proposal.md +0 -22
- package/prompt/qa-test-scenario.md +0 -133
- package/prompt/skill-creator.md +0 -350
- package/prompt/story-generator.md +0 -278
- package/prompt/story-single.md +0 -70
- package/prompt/tdd-generator.md +0 -294
- package/prompt/tdd-lite-generator.md +0 -224
- package/prompt/wireframe-generator.md +0 -219
- package/skills/ai-context-generator/SKILL.md +0 -54
- package/skills/ai-context-generator/references/AGENTS.template.md +0 -83
- package/skills/ai-context-generator/references/CLAUDE.template.md +0 -39
- package/skills/ai-context-generator/references/behavioral-guidelines.md +0 -71
- package/skills/ai-context-generator/references/discovery-checklist.md +0 -40
- package/skills/ai-context-generator/references/examples/AGENTS.good.md +0 -103
- package/skills/ai-context-generator/references/extraction-checklist.md +0 -23
- package/skills/ai-context-generator/references/overlays/laravel.md +0 -44
- package/skills/ai-humanizer/SKILL.md +0 -50
- package/skills/api-contract-generator/SKILL.md +0 -243
- package/skills/apply/SKILL.md +0 -23
- package/skills/archive/SKILL.md +0 -27
- package/skills/cerebro/SKILL.md +0 -187
- package/skills/cerebro/references/agents.md +0 -213
- package/skills/code-review/SKILL.md +0 -373
- package/skills/code-review/assets/report-template-agent.md +0 -212
- package/skills/code-review/assets/report-template-compact.md +0 -81
- package/skills/code-review/assets/report-template-full.md +0 -264
- package/skills/code-review/assets/report-template-human.md +0 -168
- package/skills/code-review/references/universal-patterns.md +0 -495
- package/skills/design-md/README.md +0 -34
- package/skills/design-md/SKILL.md +0 -172
- package/skills/design-md/examples/DESIGN.md +0 -154
- package/skills/design-system/SKILL.md +0 -216
- package/skills/design-system-generator/SKILL.md +0 -324
- package/skills/design-system-generator/assets/design-system-template.md +0 -348
- package/skills/design-system-generator/references/extraction-patterns.md +0 -321
- package/skills/doc-builder/SKILL.md +0 -115
- package/skills/doc-builder/references/ui-patterns.md +0 -394
- package/skills/document-explainer/SKILL.md +0 -155
- package/skills/document-translator/SKILL.md +0 -58
- package/skills/enhance/SKILL.md +0 -47
- package/skills/enhance-prompt/README.md +0 -34
- package/skills/enhance-prompt/SKILL.md +0 -204
- package/skills/enhance-prompt/references/KEYWORDS.md +0 -114
- package/skills/epic-generator/SKILL.md +0 -204
- package/skills/epic-single/SKILL.md +0 -63
- package/skills/erd-generator/SKILL.md +0 -138
- package/skills/feature-planner/SKILL.md +0 -305
- package/skills/feature-planner/assets/implementation-plan-template.md +0 -85
- package/skills/frontend-design/LICENSE.txt +0 -177
- package/skills/frontend-design/SKILL.md +0 -42
- package/skills/fsd-generator/SKILL.md +0 -163
- package/skills/gamma-builder/SKILL.md +0 -134
- package/skills/laravel-code-review/SKILL.md +0 -383
- package/skills/laravel-code-review/assets/report-template-agent.md +0 -195
- package/skills/laravel-code-review/assets/report-template-compact.md +0 -79
- package/skills/laravel-code-review/assets/report-template-full.md +0 -253
- package/skills/laravel-code-review/assets/report-template-human.md +0 -159
- package/skills/laravel-code-review/references/laravel-patterns.md +0 -571
- package/skills/laravel-code-review/references/php84-features.md +0 -442
- package/skills/mcp-builder/LICENSE.txt +0 -202
- package/skills/mcp-builder/SKILL.md +0 -236
- package/skills/mcp-builder/reference/evaluation.md +0 -602
- package/skills/mcp-builder/reference/mcp_best_practices.md +0 -249
- package/skills/mcp-builder/reference/node_mcp_server.md +0 -970
- package/skills/mcp-builder/reference/python_mcp_server.md +0 -719
- package/skills/mcp-builder/scripts/connections.py +0 -151
- package/skills/mcp-builder/scripts/evaluation.py +0 -373
- package/skills/mcp-builder/scripts/example_evaluation.xml +0 -22
- package/skills/mcp-builder/scripts/requirements.txt +0 -2
- package/skills/meeting-notes/SKILL.md +0 -159
- package/skills/meeting-notes/evals/evals.json +0 -23
- package/skills/prd-agent-generator/SKILL.md +0 -132
- package/skills/prd-generator/SKILL.md +0 -211
- package/skills/product-brief/SKILL.md +0 -141
- package/skills/project-orchestrator/SKILL.md +0 -487
- package/skills/project-orchestrator/assets/caddy-vps-setup.md +0 -180
- package/skills/project-orchestrator/assets/plan-summary-template.md +0 -159
- package/skills/prompter-specs/SKILL.md +0 -115
- package/skills/prompter-workflow/SKILL.md +0 -166
- package/skills/prompter-workflow/evals/evals.json +0 -89
- package/skills/proposal/SKILL.md +0 -28
- package/skills/qa-test-scenario/SKILL.md +0 -149
- package/skills/skill-creator/SKILL.md +0 -173
- package/skills/sph-generator/SKILL.md +0 -488
- package/skills/story-generator/SKILL.md +0 -285
- package/skills/story-single/SKILL.md +0 -86
- package/skills/tdd-generator/SKILL.md +0 -300
- package/skills/tdd-lite-generator/SKILL.md +0 -230
- package/skills/ui-ux-pro/SKILL.md +0 -199
- package/skills/ui-ux-pro/assets/design-spec-template.md +0 -173
- package/skills/ui-ux-pro/references/component-patterns.md +0 -255
- package/skills/ui-ux-pro/references/design-principles.md +0 -167
- package/skills/wireframe-generator/SKILL.md +0 -227
- package/src/cli/index.ts +0 -223
- package/src/commands/archive.ts +0 -302
- package/src/commands/change.ts +0 -292
- package/src/commands/config.ts +0 -233
- package/src/commands/guide.ts +0 -50
- package/src/commands/init.ts +0 -597
- package/src/commands/list.ts +0 -194
- package/src/commands/show.ts +0 -138
- package/src/commands/spec.ts +0 -251
- package/src/commands/update.ts +0 -129
- package/src/commands/upgrade.ts +0 -30
- package/src/commands/validate.ts +0 -326
- package/src/core/artifact-graph/graph.ts +0 -167
- package/src/core/artifact-graph/index.ts +0 -44
- package/src/core/artifact-graph/instruction-loader.ts +0 -302
- package/src/core/artifact-graph/resolver.ts +0 -226
- package/src/core/artifact-graph/schema.ts +0 -124
- package/src/core/artifact-graph/state.ts +0 -64
- package/src/core/artifact-graph/types.ts +0 -65
- package/src/core/completions/command-registry.ts +0 -382
- package/src/core/completions/completion-provider.ts +0 -128
- package/src/core/completions/generators/bash-generator.ts +0 -191
- package/src/core/completions/generators/fish-generator.ts +0 -188
- package/src/core/completions/generators/powershell-generator.ts +0 -223
- package/src/core/completions/generators/zsh-generator.ts +0 -281
- package/src/core/completions/templates/bash-templates.ts +0 -24
- package/src/core/completions/templates/fish-templates.ts +0 -40
- package/src/core/completions/templates/powershell-templates.ts +0 -25
- package/src/core/completions/templates/zsh-templates.ts +0 -36
- package/src/core/completions/types.ts +0 -90
- package/src/core/config-schema.ts +0 -230
- package/src/core/config.ts +0 -181
- package/src/core/configurators/slash/antigravity.ts +0 -10
- package/src/core/configurators/slash/base.ts +0 -109
- package/src/core/configurators/slash/claude.ts +0 -10
- package/src/core/configurators/slash/codex.ts +0 -10
- package/src/core/configurators/slash/droid.ts +0 -10
- package/src/core/configurators/slash/forge.ts +0 -10
- package/src/core/configurators/slash/github-copilot.ts +0 -10
- package/src/core/configurators/slash/index.ts +0 -10
- package/src/core/configurators/slash/kilocode.ts +0 -10
- package/src/core/configurators/slash/opencode.ts +0 -10
- package/src/core/configurators/slash/registry.ts +0 -51
- package/src/core/converters/json-converter.ts +0 -62
- package/src/core/global-config.ts +0 -136
- package/src/core/parsers/change-parser.ts +0 -234
- package/src/core/parsers/markdown-parser.ts +0 -237
- package/src/core/parsers/requirement-blocks.ts +0 -234
- package/src/core/prompt-templates.ts +0 -3504
- package/src/core/schemas/base.schema.ts +0 -20
- package/src/core/schemas/change.schema.ts +0 -42
- package/src/core/schemas/index.ts +0 -20
- package/src/core/schemas/spec.schema.ts +0 -17
- package/src/core/skill-discovery.ts +0 -68
- package/src/core/specs-apply.ts +0 -483
- package/src/core/styles/palette.ts +0 -8
- package/src/core/templates/agents-template.ts +0 -459
- package/src/core/templates/claude-template.ts +0 -2
- package/src/core/templates/index.ts +0 -3
- package/src/core/templates/project-template.ts +0 -32
- package/src/core/validation/constants.ts +0 -48
- package/src/core/validation/types.ts +0 -19
- package/src/core/validation/validator.ts +0 -449
- package/src/core/view.ts +0 -219
- package/src/index.ts +0 -1
- package/src/utils/change-metadata.ts +0 -171
- package/src/utils/change-utils.ts +0 -131
- package/src/utils/file-system.ts +0 -252
- package/src/utils/index.ts +0 -12
- package/src/utils/interactive.ts +0 -29
- package/src/utils/item-discovery.ts +0 -66
- package/src/utils/match.ts +0 -26
- package/src/utils/shell-detection.ts +0 -62
- package/src/utils/task-progress.ts +0 -43
- 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.
|
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
|
|
@@ -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.
|