@oriro/orirocli 0.1.9 → 0.1.11

package/skills/craft/uipm-slides/references/layout-patterns.md

@@ -1,155 +1,155 @@
-# Layout Patterns
-
-25 slide layouts with CSS structures and animation classes.
-
-## Layout Selection by Use Case
-
-| Layout             | Use Case                      | Animation               |
-| ------------------ | ----------------------------- | ----------------------- |
-| Title Slide        | Opening/first impression      | `animate-fade-up`       |
-| Problem Statement  | Establish pain point          | `animate-stagger`       |
-| Solution Overview  | Introduce solution            | `animate-scale`         |
-| Feature Grid       | Show capabilities (3-6 cards) | `animate-stagger`       |
-| Metrics Dashboard  | Display KPIs (3-4 metrics)    | `animate-stagger-scale` |
-| Comparison Table   | Compare options               | `animate-fade-up`       |
-| Timeline Flow      | Show progression              | `animate-stagger`       |
-| Team Grid          | Introduce people              | `animate-stagger`       |
-| Quote Testimonial  | Customer endorsement          | `animate-fade-up`       |
-| Two Column Split   | Compare/contrast              | `animate-fade-up`       |
-| Big Number Hero    | Single powerful metric        | `animate-count`         |
-| Product Screenshot | Show product UI               | `animate-scale`         |
-| Pricing Cards      | Present tiers                 | `animate-stagger`       |
-| CTA Closing        | Drive action                  | `animate-pulse`         |
-
-## CSS Structures
-
-### Title Slide
-
-```css
-.slide-title {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-}
-```
-
-### Two Column Split
-
-```css
-.slide-split {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 48px;
-  align-items: center;
-}
-@media (max-width: 768px) {
-  .slide-split {
-    grid-template-columns: 1fr;
-    gap: 24px;
-  }
-}
-```
-
-### Feature Grid (3 columns)
-
-```css
-.slide-features {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
-}
-@media (max-width: 768px) {
-  .slide-features {
-    grid-template-columns: repeat(2, 1fr);
-    gap: 16px;
-  }
-}
-@media (max-width: 480px) {
-  .slide-features {
-    grid-template-columns: 1fr;
-  }
-}
-```
-
-### Metrics Dashboard (4 columns)
-
-```css
-.slide-metrics {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 16px;
-}
-@media (max-width: 768px) {
-  .slide-metrics {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media (max-width: 480px) {
-  .slide-metrics {
-    grid-template-columns: 1fr;
-  }
-}
-```
-
-## Component Variants
-
-### Card Styles
-
-| Style        | CSS Class          | Use For              |
-| ------------ | ------------------ | -------------------- |
-| Icon Left    | `.card-icon-left`  | Features with icons  |
-| Accent Bar   | `.card-accent-bar` | Highlighted features |
-| Metric Card  | `.card-metric`     | Numbers/stats        |
-| Avatar Card  | `.card-avatar`     | Team members         |
-| Pricing Card | `.card-pricing`    | Price tiers          |
-
-### Metric Styles
-
-| Style             | Effect                   |
-| ----------------- | ------------------------ |
-| `gradient-number` | Gradient text on numbers |
-| `oversized`       | Extra large (120px+)     |
-| `sparkline`       | Small inline chart       |
-| `funnel-numbers`  | Conversion stages        |
-
-## Visual Treatments
-
-| Treatment           | When to Use          |
-| ------------------- | -------------------- |
-| `gradient-glow`     | Title slides, CTAs   |
-| `subtle-border`     | Problem statements   |
-| `icon-top`          | Feature grids        |
-| `screenshot-shadow` | Product screenshots  |
-| `popular-highlight` | Pricing (scale 1.05) |
-| `bg-overlay`        | Background images    |
-| `contrast-pair`     | Before/after         |
-| `logo-grayscale`    | Client logos         |
-
-## Search Commands
-
-```bash
-# Find layout for specific use
-python .claude/skills/design-system/scripts/search-slides.py "metrics dashboard" -d layout
-
-# Contextual recommendation
-python .claude/skills/design-system/scripts/search-slides.py "traction slide" \
-  --context --position 4 --total 10
-```
-
-## Layout Decision Flow
-
-```
-1. What's the slide goal?
-   └─> Search layout-logic.csv
-
-2. What emotion should it trigger?
-   └─> Search color-logic.csv
-
-3. What's the content type?
-   └─> Search typography.csv
-
-4. Should it break pattern?
-   └─> Check position (1/3, 2/3) → Use full-bleed
-```
+# Layout Patterns
+
+25 slide layouts with CSS structures and animation classes.
+
+## Layout Selection by Use Case
+
+| Layout             | Use Case                      | Animation               |
+| ------------------ | ----------------------------- | ----------------------- |
+| Title Slide        | Opening/first impression      | `animate-fade-up`       |
+| Problem Statement  | Establish pain point          | `animate-stagger`       |
+| Solution Overview  | Introduce solution            | `animate-scale`         |
+| Feature Grid       | Show capabilities (3-6 cards) | `animate-stagger`       |
+| Metrics Dashboard  | Display KPIs (3-4 metrics)    | `animate-stagger-scale` |
+| Comparison Table   | Compare options               | `animate-fade-up`       |
+| Timeline Flow      | Show progression              | `animate-stagger`       |
+| Team Grid          | Introduce people              | `animate-stagger`       |
+| Quote Testimonial  | Customer endorsement          | `animate-fade-up`       |
+| Two Column Split   | Compare/contrast              | `animate-fade-up`       |
+| Big Number Hero    | Single powerful metric        | `animate-count`         |
+| Product Screenshot | Show product UI               | `animate-scale`         |
+| Pricing Cards      | Present tiers                 | `animate-stagger`       |
+| CTA Closing        | Drive action                  | `animate-pulse`         |
+
+## CSS Structures
+
+### Title Slide
+
+```css
+.slide-title {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+```
+
+### Two Column Split
+
+```css
+.slide-split {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 48px;
+  align-items: center;
+}
+@media (max-width: 768px) {
+  .slide-split {
+    grid-template-columns: 1fr;
+    gap: 24px;
+  }
+}
+```
+
+### Feature Grid (3 columns)
+
+```css
+.slide-features {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+}
+@media (max-width: 768px) {
+  .slide-features {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 16px;
+  }
+}
+@media (max-width: 480px) {
+  .slide-features {
+    grid-template-columns: 1fr;
+  }
+}
+```
+
+### Metrics Dashboard (4 columns)
+
+```css
+.slide-metrics {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+}
+@media (max-width: 768px) {
+  .slide-metrics {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (max-width: 480px) {
+  .slide-metrics {
+    grid-template-columns: 1fr;
+  }
+}
+```
+
+## Component Variants
+
+### Card Styles
+
+| Style        | CSS Class          | Use For              |
+| ------------ | ------------------ | -------------------- |
+| Icon Left    | `.card-icon-left`  | Features with icons  |
+| Accent Bar   | `.card-accent-bar` | Highlighted features |
+| Metric Card  | `.card-metric`     | Numbers/stats        |
+| Avatar Card  | `.card-avatar`     | Team members         |
+| Pricing Card | `.card-pricing`    | Price tiers          |
+
+### Metric Styles
+
+| Style             | Effect                   |
+| ----------------- | ------------------------ |
+| `gradient-number` | Gradient text on numbers |
+| `oversized`       | Extra large (120px+)     |
+| `sparkline`       | Small inline chart       |
+| `funnel-numbers`  | Conversion stages        |
+
+## Visual Treatments
+
+| Treatment           | When to Use          |
+| ------------------- | -------------------- |
+| `gradient-glow`     | Title slides, CTAs   |
+| `subtle-border`     | Problem statements   |
+| `icon-top`          | Feature grids        |
+| `screenshot-shadow` | Product screenshots  |
+| `popular-highlight` | Pricing (scale 1.05) |
+| `bg-overlay`        | Background images    |
+| `contrast-pair`     | Before/after         |
+| `logo-grayscale`    | Client logos         |
+
+## Search Commands
+
+```bash
+# Find layout for specific use
+python .claude/skills/design-system/scripts/search-slides.py "metrics dashboard" -d layout
+
+# Contextual recommendation
+python .claude/skills/design-system/scripts/search-slides.py "traction slide" \
+  --context --position 4 --total 10
+```
+
+## Layout Decision Flow
+
+```
+1. What's the slide goal?
+   └─> Search layout-logic.csv
+
+2. What emotion should it trigger?
+   └─> Search color-logic.csv
+
+3. What's the content type?
+   └─> Search typography.csv
+
+4. Should it break pattern?
+   └─> Check position (1/3, 2/3) → Use full-bleed
+```

package/skills/craft/uipm-slides/references/slide-strategies.md

@@ -1,97 +1,97 @@
-# Slide Strategies
-
-15 proven deck structures with emotion arcs.
-
-## Strategy Selection
-
-| Strategy                 | Slides | Goal                  | Audience        |
-| ------------------------ | ------ | --------------------- | --------------- |
-| YC Seed Deck             | 10-12  | Raise seed funding    | VCs             |
-| Guy Kawasaki             | 10     | Pitch in 20 min       | Investors       |
-| Series A                 | 12-15  | Raise Series A        | Growth VCs      |
-| Product Demo             | 5-8    | Demonstrate value     | Prospects       |
-| Sales Pitch              | 7-10   | Close deal            | Qualified leads |
-| Nancy Duarte Sparkline   | Varies | Transform perspective | Any             |
-| Problem-Solution-Benefit | 3-5    | Quick persuasion      | Time-pressed    |
-| QBR                      | 10-15  | Update stakeholders   | Leadership      |
-| Team All-Hands           | 8-12   | Align team            | Employees       |
-| Conference Talk          | 15-25  | Thought leadership    | Attendees       |
-| Workshop                 | 20-40  | Teach skills          | Learners        |
-| Case Study               | 8-12   | Prove value           | Prospects       |
-| Competitive Analysis     | 6-10   | Strategic decisions   | Internal        |
-| Board Meeting            | 15-20  | Update board          | Directors       |
-| Webinar                  | 20-30  | Generate leads        | Registrants     |
-
-## Common Structures
-
-### YC Seed Deck (10 slides)
-
-1. Title/Hook
-2. Problem
-3. Solution
-4. Traction
-5. Market
-6. Product
-7. Business Model
-8. Team
-9. Financials
-10. The Ask
-
-**Emotion arc:** curiosity→frustration→hope→confidence→trust→urgency
-
-### Sales Pitch (9 slides)
-
-1. Personalized Hook
-2. Their Problem
-3. Cost of Inaction
-4. Your Solution
-5. Proof/Case Studies
-6. Differentiators
-7. Pricing/ROI
-8. Objection Handling
-9. CTA + Next Steps
-
-**Emotion arc:** connection→frustration→fear→hope→trust→confidence→urgency
-
-### Product Demo (6 slides)
-
-1. Hook/Problem
-2. Solution Overview
-3. Live Demo/Screenshots
-4. Key Features
-5. Benefits/Pricing
-6. CTA
-
-**Emotion arc:** curiosity→frustration→hope→confidence→urgency
-
-## Duarte Sparkline Pattern
-
-Alternate between "What Is" (current pain) and "What Could Be" (better future):
-
-```
-What Is → What Could Be → What Is → What Could Be → New Bliss
-(pain)     (hope)         (pain)     (hope)         (resolution)
-```
-
-Pattern breaks at 1/3 and 2/3 positions create engagement peaks.
-
-## Search Commands
-
-```bash
-# Find strategy by goal
-python .claude/skills/design-system/scripts/search-slides.py "investor pitch" -d strategy
-
-# Get emotion arc
-python .claude/skills/design-system/scripts/search-slides.py "series a funding" -d strategy --json
-```
-
-## Matching Strategy to Context
-
-| Context         | Recommended Strategy             |
-| --------------- | -------------------------------- |
-| Raising money   | YC Seed, Series A, Guy Kawasaki  |
-| Selling product | Sales Pitch, Product Demo        |
-| Internal update | QBR, All-Hands, Board Meeting    |
-| Public speaking | Conference Talk, Workshop        |
-| Proving value   | Case Study, Competitive Analysis |
-| Lead generation | Webinar                          |
+# Slide Strategies
+
+15 proven deck structures with emotion arcs.
+
+## Strategy Selection
+
+| Strategy                 | Slides | Goal                  | Audience        |
+| ------------------------ | ------ | --------------------- | --------------- |
+| YC Seed Deck             | 10-12  | Raise seed funding    | VCs             |
+| Guy Kawasaki             | 10     | Pitch in 20 min       | Investors       |
+| Series A                 | 12-15  | Raise Series A        | Growth VCs      |
+| Product Demo             | 5-8    | Demonstrate value     | Prospects       |
+| Sales Pitch              | 7-10   | Close deal            | Qualified leads |
+| Nancy Duarte Sparkline   | Varies | Transform perspective | Any             |
+| Problem-Solution-Benefit | 3-5    | Quick persuasion      | Time-pressed    |
+| QBR                      | 10-15  | Update stakeholders   | Leadership      |
+| Team All-Hands           | 8-12   | Align team            | Employees       |
+| Conference Talk          | 15-25  | Thought leadership    | Attendees       |
+| Workshop                 | 20-40  | Teach skills          | Learners        |
+| Case Study               | 8-12   | Prove value           | Prospects       |
+| Competitive Analysis     | 6-10   | Strategic decisions   | Internal        |
+| Board Meeting            | 15-20  | Update board          | Directors       |
+| Webinar                  | 20-30  | Generate leads        | Registrants     |
+
+## Common Structures
+
+### YC Seed Deck (10 slides)
+
+1. Title/Hook
+2. Problem
+3. Solution
+4. Traction
+5. Market
+6. Product
+7. Business Model
+8. Team
+9. Financials
+10. The Ask
+
+**Emotion arc:** curiosity→frustration→hope→confidence→trust→urgency
+
+### Sales Pitch (9 slides)
+
+1. Personalized Hook
+2. Their Problem
+3. Cost of Inaction
+4. Your Solution
+5. Proof/Case Studies
+6. Differentiators
+7. Pricing/ROI
+8. Objection Handling
+9. CTA + Next Steps
+
+**Emotion arc:** connection→frustration→fear→hope→trust→confidence→urgency
+
+### Product Demo (6 slides)
+
+1. Hook/Problem
+2. Solution Overview
+3. Live Demo/Screenshots
+4. Key Features
+5. Benefits/Pricing
+6. CTA
+
+**Emotion arc:** curiosity→frustration→hope→confidence→urgency
+
+## Duarte Sparkline Pattern
+
+Alternate between "What Is" (current pain) and "What Could Be" (better future):
+
+```
+What Is → What Could Be → What Is → What Could Be → New Bliss
+(pain)     (hope)         (pain)     (hope)         (resolution)
+```
+
+Pattern breaks at 1/3 and 2/3 positions create engagement peaks.
+
+## Search Commands
+
+```bash
+# Find strategy by goal
+python .claude/skills/design-system/scripts/search-slides.py "investor pitch" -d strategy
+
+# Get emotion arc
+python .claude/skills/design-system/scripts/search-slides.py "series a funding" -d strategy --json
+```
+
+## Matching Strategy to Context
+
+| Context         | Recommended Strategy             |
+| --------------- | -------------------------------- |
+| Raising money   | YC Seed, Series A, Guy Kawasaki  |
+| Selling product | Sales Pitch, Product Demo        |
+| Internal update | QBR, All-Hands, Board Meeting    |
+| Public speaking | Conference Talk, Workshop        |
+| Proving value   | Case Study, Competitive Analysis |
+| Lead generation | Webinar                          |

package/skills/craft/uipm-ui-ux-pro-max/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 ORIRO.ai
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 ORIRO.ai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.