ai-workflow-init 6.2.1 → 6.2.3

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 (13) hide show
  1. package/.claude/CLAUDE.md +1 -1
  2. package/.claude/commands/create-plan.md +4 -4
  3. package/.claude/commands/sync-workflow.md +1 -1
  4. package/.claude/settings.local.json +0 -9
  5. package/.claude/skills/README.md +27 -29
  6. package/.claude/skills/{design/figma-extraction → frontend-design-figma-extraction}/SKILL.md +1 -1
  7. package/.claude/skills/{design/fundamentals → frontend-design-fundamentals}/SKILL.md +1 -1
  8. package/.claude/skills/{design/responsive → frontend-design-responsive}/SKILL.md +1 -1
  9. package/.claude/skills/{design/theme-factory → frontend-design-theme-factory}/SKILL.md +1 -1
  10. package/.claude/skills/{architecture/quality-code-check → quality-code-check}/SKILL.md +2 -2
  11. package/.claude/skills/{ux/accessibility → ux-accessibility}/SKILL.md +4 -4
  12. package/.claude/skills/{ux/feedback-patterns → ux-feedback-patterns}/SKILL.md +3 -3
  13. package/package.json +1 -1
package/.claude/CLAUDE.md CHANGED
@@ -74,7 +74,7 @@ At the START of EVERY response, BEFORE any other content, report skills:
74
74
  **Example responses:**
75
75
 
76
76
  ```
77
- 📚 Skills: design-fundamentals, theme-factory
77
+ 📚 Skills: frontend-design-fundamentals, frontend-design-theme-factory
78
78
 
79
79
  I'll help you create a modern login page...
80
80
  ```
package/.claude/commands/create-plan.md CHANGED
@@ -145,7 +145,7 @@ Generate a single planning doc at `docs/ai/planning/feature-{name}.md` using the
145
145
 
146
146
  **Trigger:** User mentions "figma", "design file", "mockup", or provides Figma URL (detected in Step 1).
147
147
 
148
- **Use `figma-design-extraction` skill to:**
148
+ **Use `frontend-design-figma-extraction` skill to:**
149
149
  - Validate Figma MCP connection
150
150
  - Extract design tokens (colors, typography, spacing, shadows, border radius)
151
151
  - Extract component specs (states, variants, dimensions, hierarchies)
@@ -170,9 +170,9 @@ Generate a single planning doc at `docs/ai/planning/feature-{name}.md` using the
170
170
  **Trigger:** Step 4 skipped (no Figma) AND user has NOT provided detailed design description/screenshot.
171
171
 
172
172
  **Use design skills to guide design decisions:**
173
- - `design-fundamentals`: Core principles (spacing, typography, color, hierarchy)
174
- - `theme-factory`: Interactive theme selection based on brand personality
175
- - `design-responsive`: Mobile-first responsive patterns and breakpoints
173
+ - `frontend-design-fundamentals`: Core principles (spacing, typography, color, hierarchy)
174
+ - `frontend-design-theme-factory`: Interactive theme selection based on brand personality
175
+ - `frontend-design-responsive`: Mobile-first responsive patterns and breakpoints
176
176
 
177
177
  **Expected workflow:**
178
178
  1. Ask about brand personality/preferences if needed
package/.claude/commands/sync-workflow.md CHANGED
@@ -672,7 +672,7 @@ After writing, verify:
672
672
  #### OpenCode Skills (.opencode/skill/)
673
673
  - [x] figma-extraction/SKILL.md - CREATED
674
674
  - [x] quality-code-check/SKILL.md - CREATED
675
- - [x] design-fundamentals/SKILL.md - CREATED
675
+ - [x] frontend-design-fundamentals/SKILL.md - CREATED
676
676
  - [x] ux-accessibility/SKILL.md - CREATED
677
677
 
678
678
  #### OpenCode Agents (.opencode/agent/)
package/.claude/settings.local.json CHANGED
@@ -45,15 +45,6 @@
45
45
  }
46
46
  ],
47
47
  "PreToolUse": [
48
- {
49
- "matcher": "Edit",
50
- "hooks": [
51
- {
52
- "type": "prompt",
53
- "prompt": "If the file path contains 'docs/ai/planning/feature-' and ends with '.md': Check if the agent is starting a new phase. If yes, verify all tasks in the previous phase are marked [x]. Return JSON: {\"canProceed\": true/false, \"message\": \"reason\"}. If file path doesn't match, return {\"canProceed\": true, \"message\": \"skipped - not a planning doc\"}"
54
- }
55
- ]
56
- },
57
48
  {
58
49
  "matcher": "Bash",
59
50
  "hooks": [
package/.claude/skills/README.md CHANGED
@@ -12,18 +12,15 @@ Version: 2.0.0
12
12
  .claude/skills/
13
13
  ├── README.md (this file)
14
14
  │
15
- ├── design/ # Visual design principles
16
- │ ├── fundamentals/
17
- │ ├── responsive/
18
- │ ├── figma-extraction/
19
- │ └── theme-factory/
15
+ ├── frontend-design-fundamentals/ # Core design principles
16
+ ├── frontend-design-responsive/ # Mobile-first, breakpoints
17
+ ├── frontend-design-figma-extraction/ # Extract Figma specs
18
+ ├── frontend-design-theme-factory/ # Generate themes
20
19
  │
21
- ├── ux/ # User experience patterns
22
- │ ├── feedback-patterns/
23
- │ └── accessibility/
20
+ ├── ux-feedback-patterns/ # Loading, success, error states
21
+ ├── ux-accessibility/ # Keyboard, screen readers, WCAG
24
22
  │
25
- └── architecture/ # Code quality & patterns
26
- └── quality-code-check/
23
+ └── quality-code-check/ # Linting, type checking, builds
27
24
  ```
28
25
 
29
26
  ---
@@ -169,31 +166,32 @@ skill-name/
169
166
 
170
167
  ## 🎨 Current Skills
171
168
 
172
- | Skill | Category | Lines | Purpose |
173
- |-------|----------|-------|---------|
174
- | design-fundamentals | design | 277 | Spacing, typography, color, hierarchy |
175
- | design-responsive | design | 402 | Mobile-first, breakpoints, fluid layouts |
176
- | figma-design-extraction | design | 385 | Extract complete Figma specs |
177
- | theme-factory | design | 420 | Generate themes when no design |
178
- | ux-feedback-patterns | ux | 333 | Loading, success, error states |
179
- | ux-accessibility | ux | 411 | Keyboard, screen readers, WCAG |
180
- | quality-code-check | architecture | 268 | Linting, type checking, builds |
169
+ | Skill | Purpose |
170
+ |-------|---------|
171
+ | frontend-design-fundamentals | Spacing, typography, color, visual hierarchy |
172
+ | frontend-design-responsive | Mobile-first, breakpoints, fluid layouts |
173
+ | frontend-design-figma-extraction | Extract complete Figma design specs |
174
+ | frontend-design-theme-factory | Generate themes when no design provided |
175
+ | ux-feedback-patterns | Loading, success, error states |
176
+ | ux-accessibility | Keyboard, screen readers, WCAG |
177
+ | quality-code-check | Linting, type checking, builds |
181
178
 
182
- **Total:** 2,496 lines across 7 skills
179
+ **Total:** 7 skills
183
180
 
184
181
  ---
185
182
 
186
- ## 🎮 Manual Skill Commands
183
+ ## 🎮 Manual Skill Invocation
184
+
185
+ Skills auto-trigger based on keywords in your prompt. Manual invocation:
187
186
 
188
187
  ```bash
189
- /skill:design # Load design-fundamentals
190
- /skill:responsive # Load design-responsive
191
- /skill:figma # Load figma-design-extraction
192
- /skill:theme # Load theme-factory
193
- /skill:feedback # Load ux-feedback-patterns
194
- /skill:accessibility # Load ux-accessibility
195
- /skill:a11y # Alias for accessibility
196
- /skill:quality # Load quality-code-check
188
+ /frontend-design-fundamentals # Core design principles
189
+ /frontend-design-responsive # Mobile-first responsive
190
+ /frontend-design-figma-extraction # Extract from Figma
191
+ /frontend-design-theme-factory # Generate theme
192
+ /ux-feedback-patterns # Loading/error states
193
+ /ux-accessibility # WCAG, keyboard nav
194
+ /quality-code-check # Linting, type checks
197
195
  ```
198
196
 
199
197
  ---
package/.claude/skills/{design/figma-extraction → frontend-design-figma-extraction}/SKILL.md RENAMED
@@ -1,5 +1,5 @@
1
1
  ---
2
- name: figma-design-extraction
2
+ name: frontend-design-figma-extraction
3
3
  description: |
4
4
  Complete Figma design extraction for pixel-perfect implementation.
5
5
  Extracts design tokens, component specs, layouts, and responsive behavior systematically.
package/.claude/skills/{design/fundamentals → frontend-design-fundamentals}/SKILL.md RENAMED
@@ -1,5 +1,5 @@
1
1
  ---
2
- name: design-fundamentals
2
+ name: frontend-design-fundamentals
3
3
  description: |
4
4
  Core design principles for implementing beautiful, professional UIs.
5
5
  Ensures consistent quality through spacing, typography, colors, and visual hierarchy.
package/.claude/skills/{design/responsive → frontend-design-responsive}/SKILL.md RENAMED
@@ -1,5 +1,5 @@
1
1
  ---
2
- name: design-responsive
2
+ name: frontend-design-responsive
3
3
  description: |
4
4
  Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts,
5
5
  touch optimization, and creative responsive patterns for distinctive experiences across screens.
package/.claude/skills/{design/theme-factory → frontend-design-theme-factory}/SKILL.md RENAMED
@@ -1,5 +1,5 @@
1
1
  ---
2
- name: theme-factory
2
+ name: frontend-design-theme-factory
3
3
  description: |
4
4
  Interactive UI theme generation when user needs help choosing colors/fonts.
5
5
  Generates cohesive themes based on brand personality using color harmony theory.
package/.claude/skills/{architecture/quality-code-check → quality-code-check}/SKILL.md RENAMED
@@ -22,10 +22,10 @@ description: |
22
22
  Keywords: lint, linting, type check, typecheck, build, quality, validation, eslint, tsc
23
23
 
24
24
  Do NOT load for:
25
- - Visual design work (use design-fundamentals, design-responsive)
25
+ - Visual design work (use frontend-design-fundamentals, frontend-design-responsive)
26
26
  - UX patterns (use ux-feedback-patterns, ux-accessibility)
27
27
  - Initial development before implementation is stable
28
- - Figma extraction (use figma-design-extraction)
28
+ - Figma extraction (use frontend-design-figma-extraction)
29
29
  ---
30
30
 
31
31
  # Quality Code Check
package/.claude/skills/{ux/accessibility → ux-accessibility}/SKILL.md RENAMED
@@ -15,10 +15,10 @@ description: |
15
15
  Keywords: accessible, accessibility, WCAG, keyboard, screen reader, ARIA, contrast, a11y
16
16
 
17
17
  Do NOT load for:
18
- - Visual design/styling only (use design-fundamentals)
19
- - Theme/color selection (use theme-factory)
20
- - Responsive layout (use design-responsive)
21
- - Figma extraction (use figma-design-extraction)
18
+ - Visual design/styling only (use frontend-design-fundamentals)
19
+ - Theme/color selection (use frontend-design-theme-factory)
20
+ - Responsive layout (use frontend-design-responsive)
21
+ - Figma extraction (use frontend-design-figma-extraction)
22
22
  - Code quality checks (use quality-code-check)
23
23
 
24
24
  Focus on making UI usable via keyboard, screen readers, assistive technologies.
package/.claude/skills/{ux/feedback-patterns → ux-feedback-patterns}/SKILL.md RENAMED
@@ -14,9 +14,9 @@ description: |
14
14
  Keywords: loading, success, error, form, validation, async, feedback, toast, empty state
15
15
 
16
16
  Do NOT load for:
17
- - Visual design/styling (use design-fundamentals)
18
- - Responsive layout (use design-responsive)
19
- - Figma extraction (use figma-design-extraction)
17
+ - Visual design/styling (use frontend-design-fundamentals)
18
+ - Responsive layout (use frontend-design-responsive)
19
+ - Figma extraction (use frontend-design-figma-extraction)
20
20
  - Accessibility-only questions (use ux-accessibility)
21
21
  - Code quality checks (use quality-code-check)
22
22
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ai-workflow-init",
3
- "version": "6.2.1",
3
+ "version": "6.2.3",
4
4
  "description": "Initialize AI workflow docs & commands into any repo with one command",
5
5
  "bin": {
6
6
  "ai-workflow-init": "./cli.js"