You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: .claude/skills/editor/SKILL.md
+55-1Lines changed: 55 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -70,6 +70,8 @@ After writing:
70
70
4. Check sentence lengths on any sentence that looks long
71
71
5. Verify introduction answers what, why, and when
72
72
6. For new articles: add entry to sidebar in `src/data/sidebars/`
73
+
7.**Scan every bullet list with bold labels** — confirm every item is `- **Label**: Capitalized explanation.` Fix any `—`, `-`, `.**`, or lowercase-after-colon patterns. ❌ `- **Label**: connects to...` → ✅ `- **Label**: Connects to...`
74
+
8.**For UI workflow articles**: Output a screenshot capture table after the writing summary — one row per `:::note` placeholder, with filename and what the screenshot should show. This lets the user capture everything in one pass.
73
75
74
76
Present final content with a brief writing summary. See `references/output-templates.md` for format.
75
77
@@ -100,8 +102,12 @@ See `references/simplified-technical-english.md` → Value-Oriented Language
100
102
101
103
Check for:
102
104
- Ambiguous pronouns: "this", "it", "that" without clear antecedents
105
+
-**Pronoun at the start of a callout**: "It should always be..." — the visual break makes the antecedent unresolvable. Replace with the explicit noun: "**Navigate to screen** should always be..."
103
106
- Anthropomorphizing UI elements: ❌ "The page manages your settings" → ✅ "The page lets you manage your settings"
104
107
- Multiple possible interpretations; missing cause-and-effect context
108
+
-**Inaccurate metaphors**: a metaphor that contradicts the described behavior. ❌ "Works like a checklist" when evaluation stops at the first match (if/else-if/else) → remove or replace with an accurate analogy
109
+
-**Self-contradicting callouts**: e.g., saying an action "overrides" a setting and then saying they're "interchangeable" in the same callout — both can't be true. Flag and rewrite to resolve
110
+
-**Inconsistent naming for the same UI element**: "Design tab" in one section and "Design panel" in another for the same control. Pick one term and apply throughout
105
111
106
112
### 5. Voice and Verb Forms
107
113
@@ -113,7 +119,17 @@ See `references/simplified-technical-english.md` → Voice Guidelines + Verb Ten
113
119
114
120
### 6. Headings and Lists
115
121
116
-
Check for: non-parallel heading structure at same level, inconsistent list punctuation, dashes instead of colons after bold labels (`**Label**:` not `**Label** -`), inline lists where bullet lists would be clearer.
122
+
Check for: non-parallel heading structure at same level, inconsistent list punctuation, inline lists where bullet lists would be clearer.
123
+
124
+
**Bold-label list items — one correct format only:**`- **Label**: Capitalized explanation.`
125
+
126
+
All of these are wrong and must be fixed:
127
+
-`**Label** - description` → hyphen dash
128
+
-`**Label** — description` → em-dash
129
+
-`**Label.** Description` → period inside bold, sentence follows
130
+
-`**Label**: lowercase` → lowercase after colon
131
+
132
+
Every list where items have bold labels must follow this format: feature lists, action descriptions, best practices, option lists, settings.
117
133
118
134
**Exception — UI/product names**: If a heading uses the exact name of a product feature or UI element, do not flag it for breaking parallelism. Feature names take precedence over grammatical consistency. Example: `## Sharing paid access between user accounts` is the name of the feature in the UI — do not rewrite it to fix parallel structure.
119
135
@@ -134,6 +150,9 @@ See `references/simplified-technical-english.md` → Instruction Pattern
134
150
135
151
Check for: missing intro before first heading, H4 overuse, non-parallel headings at same level, text blocks over 300 words without structure, consecutive callouts, callouts that interrupt flow.
136
152
153
+
-**Title/description scope mismatch**: the frontmatter `title` or `description` claims coverage the article doesn't provide. ❌ `description: "Show or hide elements and screens"` when only elements are covered → fix to match actual scope
154
+
-**Product/feature name capitalization**: "Flow Builder" not "Flow builder". Check that multi-word product names are consistently capitalized as proper nouns throughout
155
+
137
156
See `references/article-structure.md`
138
157
139
158
### 9. Links and Images
@@ -154,12 +173,21 @@ open _temp/link-report.html
154
173
155
174
Additionally check images manually: image files exist, `@assets/` not `@asset/`, descriptive alt text.
- Generic alt text copied from a nearby image: e.g., two consecutive images both with `alt="Static navigation"` — the second was copy-pasted and describes the wrong image. Each alt must describe its specific screenshot
179
+
180
+
**Screenshot placeholders**: In UI workflow articles, every distinct UI state — screen selection, dialog, results view, confirmation — should have a `:::note` placeholder callout. Check that sections describing a UI step are not missing one. See Screenshot Placeholders section below.
181
+
157
182
See `references/astro-patterns.md`
158
183
159
184
### 10. Conciseness
160
185
161
186
Check for: redundant phrases ("in order to" → "to"), wordy constructions ("make use of" → "use", "is able to" → "can"), repeated information.
162
187
188
+
-**Filler adverbs**: "Simply" (implies the task is trivial), "Instantly" (adds no information). Remove both — they're invisible to the reader when accurate and condescending when not.
189
+
-**Redundant section preambles**: a sentence that just restates the section heading. ❌ `## Add lists` followed by "You can add lists to screens:" → remove the sentence, go straight to steps.
190
+
163
191
Don't remove value-oriented language — only flag true redundancy.
164
192
165
193
See `references/simplified-technical-english.md` → Filler Words + Advanced STE Practices
@@ -233,6 +261,32 @@ After completing all checks, follow this flow:
When writing an article that describes a step-by-step UI workflow, add `:::note` callouts as screenshot placeholders at every distinct UI state — screen selections, modal dialogs, results views, confirmation states, and any step that produces a visible change.
267
+
268
+
**Format** — the callout contains only the intended filename, nothing else:
**Where to place them**: After the prose that describes the UI state, not before it. The reader reads the description, then sees the screenshot that confirms it.
279
+
280
+
**How many**: Aim for one per distinct UI state. Err on the side of more — it's easier to remove a placeholder than to remember later what needed capturing.
281
+
282
+
After drafting, output a capture table as part of the writing summary:
283
+
284
+
| File | What to capture |
285
+
|---|---|
286
+
|`feature-name-screen.webp`| What is visible on screen at this point |
287
+
288
+
This lets the user take all screenshots in one pass and replace placeholders with `<ZoomImage>` elements.
289
+
236
290
### False Positives
237
291
Don't flag: technical terms, industry-standard terminology, code/API names, clear sentences slightly over length, passive voice when appropriate, single value word per paragraph with specific context, descriptive adjectives like "real-time", "built-in", "automatic".
Copy file name to clipboardExpand all lines: .claude/skills/editor/references/article-structure.md
+15-3Lines changed: 15 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -95,10 +95,22 @@ Requirements:
95
95
96
96
### Bold Label Formatting
97
97
98
-
Use colons after bold labels, not dashes.
98
+
The only accepted format for a bold-label list item is:
99
99
100
-
✅ `**Label**: Description.`
101
-
❌ `**Label** - Description.`
100
+
```
101
+
- **Label**: Capitalized explanation.
102
+
```
103
+
104
+
The word immediately after the colon must be capitalized. All other separators are wrong:
105
+
106
+
❌ `**Label** - description` (hyphen dash)
107
+
❌ `**Label** — description` (em-dash)
108
+
❌ `**Label.** Description` (period inside bold, then sentence)
109
+
❌ `**Label**: lowercase explanation` (lowercase after colon)
110
+
111
+
✅ `**Label**: Capitalized explanation.`
112
+
113
+
This applies to every bullet list where items have bold labels — in feature lists, action descriptions, best practices, option lists, and settings tables.
0 commit comments