[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6H5AW994820P9M803DPMSMK":3,"skill-same:01M6H5AW994820P9M803DPMSMK":69},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":38,"linkOnly":39,"markdownContent":40,"markdownBody":41,"frontMatter":42,"refName":48,"commitSha":49,"skillDirectory":50,"forksCount":51,"repositoryHtmlUrl":52,"repositoryHomepageUrl":6,"ownerHtmlUrl":53,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":54,"install":55,"resources":68},"01M6H5AW994820P9M803DPMSMK","neurodivergent-visual-org",null,"Creates ADHD-friendly visual organizational tools using Mermaid diagrams\noptimized for neurodivergent thinking patterns. Auto-detects overwhelm,\nprovides compassionate task breakdowns with realistic time estimates.\nUse when creating visual task breakdowns, decision trees, or organizational\ndiagrams for neurodivergent users or accessibility-focused projects. Trigger with 'neurodivergent', 'visual', 'org'.","micsapp\u002Fmicstec-skills","micsapp","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F82411001?v=4","01M6GWCFQ6D3PV8EHNY62NN5VW","01M6GWCFVE1PA5HG0DKC7AMFJ3",4,"MIT","https:\u002F\u002Fgithub.com\u002Fmicsapp\u002Fmicstec-skills\u002Fblob\u002Fmaster\u002Fclaude-code\u002Fplugins-plus-skills\u002Fplugins\u002Fproductivity\u002Fneurodivergent-visual-org\u002Fskills\u002Fneurodivergent-visual-org\u002FSKILL.md",[],[18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37],"neurodivergent","org","visual","neurodivergent visual org","edit","time","patterns","thinking","diagrams","auto","openclaw","write","read","adhd","decision","projects","Bash","code","mermaid","hello","2026-11-10 10:12:30",false,"---\nname: neurodivergent-visual-org\ndescription: |\n  Creates ADHD-friendly visual organizational tools using Mermaid diagrams\n  optimized for neurodivergent thinking patterns. Auto-detects overwhelm,\n  provides compassionate task breakdowns with realistic time estimates.\n  Use when creating visual task breakdowns, decision trees, or organizational\n  diagrams for neurodivergent users or accessibility-focused projects. Trigger with 'neurodivergent', 'visual', 'org'.\nallowed-tools: Read, Write, Edit, Grep, Glob, Bash(cmd:*)\nversion: 3.1.1\nauthor: Jack Reis \u003Chello@jack.digital>\nlicense: MIT\ncompatible-with: claude-code, codex, openclaw\n---\n## Mode System (v3.1.1)\n\nThis skill supports four modes to adapt to different cognitive styles and accessibility needs:\n\n### Mode Selection\n\n**Base Modes** (choose one):\n1. **Neurodivergent Mode** - ADHD-friendly, energy-aware, compassionate language\n2. **Neurotypical Mode** - Direct, efficient, standard cognitive load\n\n**Accessibility Modes** (optional, combinable with base modes):\n3. **Colorblind-Safe Mode** - Pattern-based differentiation for all color vision types\n4. **Monochrome Mode** - Pure black & white optimized for printing and e-ink displays\n\n#### Mode Combinations Available:\n- Neurodivergent + Colorblind-Safe\n- Neurodivergent + Monochrome\n- Neurotypical + Colorblind-Safe\n- Neurotypical + Monochrome\n- Colorblind-Safe only (no base mode features)\n- Monochrome only (no base mode features)\n\n#### Selection Methods:\n\n#### 1. Auto-Detect (Default)\n- Analyzes user language for distress signals (\"overwhelmed\", \"paralyzed\", \"stuck\")\n- Detects mentions of neurodivergent conditions or executive dysfunction\n- Detects accessibility requests (\"colorblind-safe\", \"print-friendly\", \"grayscale\")\n- Defaults to neurodivergent mode when ambiguous (inclusive design)\n\n#### 2. Explicit Mode Request\n- User says: \"Use neurotypical mode\" or \"Use ADHD mode\"\n- User says: \"Use colorblind-safe mode\" or \"Make it print-friendly\"\n- User says: \"Combine neurodivergent and colorblind-safe modes\"\n- Persists for current conversation unless changed\n\n#### 3. Configuration File\n- User creates: `.claude\u002Fneurodivergent-visual-org-preference.yml`\n- Sets default base mode, accessibility modes, time multipliers, chunk sizes\n- Can set auto-enable rules (e.g., monochrome for PDFs)\n\n### Mode Characteristics\n\n#### Base Mode Features:\n\n| Aspect | Neurodivergent Mode | Neurotypical Mode |\n|--------|---------------------|-------------------|\n| Chunk size | 3-5 items | 5-7 items |\n| Time estimates | 1.5-2x with buffer | Standard |\n| Task granularity | 3-10 min micro-steps | 15-30 min tasks |\n| Language | Compassionate, validating | Direct, efficient |\n| Colors | Calming (blues\u002Fgreens) | Standard themes |\n| Energy scaffolding | Explicit (spoons, breaks) | Minimal |\n\n#### Accessibility Mode Features:\n\n| Aspect | Colorblind-Safe Mode | Monochrome Mode |\n|--------|---------------------|-----------------|\n| Color usage | Redundant (patterns + color) | Pure B&W only (#000\u002F#fff) |\n| Border patterns | Dashed\u002Fdotted variations | Solid\u002Fdashed\u002Fdotted styles |\n| Text labels | Prefixed ([KEEP], [DONATE]) | Verbose ([✓ KEEP], [? MAYBE]) |\n| Shape coding | Diamond\u002Fhexagon\u002Ftrapezoid | Distinct geometric shapes |\n| Fill patterns | N\u002FA (white fill, patterned borders) | Solid\u002Fcrosshatch\u002Fdots\u002Fwhite |\n| Border thickness | 1-3px for hierarchy | 1-3px for hierarchy |\n| Symbols | Redundant icons (✅ ? ?) | Text-based (✓ → ?) |\n| Best for | All color vision types | B&W printing, e-ink displays |\n| WCAG compliance | 2.1 AA (Use of Color 1.4.1) | 2.1 AAA (Maximum contrast) |\n\n#### Mode Combination Notes:\n- Base mode controls language, time estimates, and cognitive scaffolding\n- Accessibility mode controls visual encoding (patterns, contrast, shapes)\n- Both can be active simultaneously for maximum accommodation\n\n### Backward Compatibility\n\nv3.1.1 maintains v3.0 behavior:\n- Defaults to neurodivergent base mode (v2.0 compatible)\n- Accessibility modes are opt-in (not enabled by default)\n- v3.0 visualizations remain valid (no breaking changes)\n\n## Mode Detection Algorithm\n\n#### Step 1: Check for explicit base mode request\n```python\nbase_mode = None\naccessibility_mode = None\n\n# Detect base mode\nif \"neurotypical mode\" in user_message.lower():\n    base_mode = \"neurotypical\"\nelif \"adhd mode\" or \"neurodivergent mode\" in user_message.lower():\n    base_mode = \"neurodivergent\"\n```\n\n#### Step 2: Check for explicit accessibility mode request\n```python\n# Detect colorblind-safe mode\ncolorblind_keywords = [\"colorblind\", \"color blind\", \"colorblind-safe\",\n                      \"colour blind\", \"accessible colors\", \"pattern-based\",\n                      \"cvd\", \"color vision deficiency\"]\nif any(keyword in user_message.lower() for keyword in colorblind_keywords):\n    accessibility_mode = \"colorblind-safe\"\n\n# Detect monochrome mode (takes precedence over colorblind-safe)\nmonochrome_keywords = [\"monochrome\", \"black and white\", \"b&w\", \"grayscale\",\n                      \"greyscale\", \"print-friendly\", \"printing\", \"e-ink\",\n                      \"black & white\", \"photocopier\"]\nif any(keyword in user_message.lower() for keyword in monochrome_keywords):\n    accessibility_mode = \"monochrome\"\n```\n\n#### Step 3: Check configuration file\n```python\nif config_file_exists():\n    config = load_user_preference()\n\n    # Apply base mode if not explicitly set\n    if base_mode is None:\n        base_mode = config.get(\"default_mode\", \"neurodivergent\")\n\n    # Apply accessibility mode if not explicitly set\n    if accessibility_mode is None:\n        accessibility_mode = config.get(\"colorblind_safe\", False) and \"colorblind-safe\"\n        if not accessibility_mode:\n            accessibility_mode = config.get(\"monochrome\", False) and \"monochrome\"\n```\n\n#### Step 4: Auto-detect base mode from language\n```python\ndistress_signals = [\"overwhelmed\", \"paralyzed\", \"stuck\", \"can't decide\",\n                   \"don't know where to start\", \"too much\"]\nneurodivergent_mentions = [\"adhd\", \"autism\", \"executive dysfunction\",\n                          \"time blindness\", \"decision paralysis\"]\nenergy_mentions = [\"spoons\", \"burned out\", \"exhausted\", \"no energy\"]\n\nif base_mode is None:\n    if any(signal in user_message.lower() for signal in\n           distress_signals + neurodivergent_mentions + energy_mentions):\n        base_mode = \"neurodivergent\"\n```\n\n#### Step 5: Default to neurodivergent base mode (inclusive)\n```python\nif base_mode is None:\n    base_mode = \"neurodivergent\"  # Backward compatible with v2.0\n```\n\n#### Step 6: Apply modes\n```python\n# accessibility_mode can be None, \"colorblind-safe\", or \"monochrome\"\n# base_mode will always be \"neurodivergent\" or \"neurotypical\"\napply_modes(base_mode=base_mode, accessibility_mode=accessibility_mode)\n```\n\n## Accessibility Mode Implementation\n\n### Colorblind-Safe Mode Specifications\n\n**Purpose:** Make diagrams accessible for all color vision types (protanopia, deuteranopia, tritanopia, achromatopsia) while remaining clear for regular color vision.\n\n#### Design Principles:\n1. **Never rely on color alone** - always pair with patterns, shapes, or text\n2. **Pattern-based differentiation** - use border styles as primary encoding\n3. **Explicit text labels** - prefix all nodes with type indicators\n4. **Shape coding** - use different node shapes for different categories\n5. **High contrast borders** - all nodes have bold, visible borders\n\n#### Mermaid Implementation:\n\n#### Border Pattern System:\n```mermaid\n%%{init: {'theme':'base'}}%%\nflowchart TD\n    Keep[\"[✅ KEEP] Item\"]\n    Donate[\"[? DONATE] Item\"]\n    Maybe[\"[? MAYBE] Item\"]\n    Break[\"[? BREAK] Rest\"]\n\n    style Keep fill:#ffffff,stroke:#000000,stroke-width:3px,stroke-dasharray: 5 5\n    style Donate fill:#ffffff,stroke:#000000,stroke-width:2px,stroke-dasharray: 10 5\n    style Maybe fill:#ffffff,stroke:#000000,stroke-width:2px,stroke-dasharray: 2 2\n    style Break fill:#ffffff,stroke:#000000,stroke-width:3px,stroke-dasharray: 1 4\n```\n\n#### Pattern Legend:\n- `stroke-dasharray: 5 5` - Short dashes (KEEP items, positive actions)\n- `stroke-dasharray: 10 5` - Long dashes (DONATE items, external actions)\n- `stroke-dasharray: 2 2` - Dots (MAYBE items, uncertain states)\n- `stroke-dasharray: 1 4` - Dot-dash (BREAK items, pauses)\n- `stroke-width: 3px` - Critical importance\n- `stroke-width: 2px` - Standard importance\n- `stroke-width: 1px` - Detail level\n\n#### Shape Coding:\n- `([text])` - Rounded rectangle: Standard process steps\n- Diamond shape `{ }` - Decision points\n- `[[text]]` - Hexagon-style: Critical deadlines\n- `[\u002Ftext\u002F]` - Trapezoid: Break\u002Frest states\n- `>text]` - Asymmetric: External dependencies\n\n#### Text Prefix System:\n- `[✅ KEEP]` - Items to keep\n- `[? DONATE]` - Items to donate\u002Fgive away\n- `[? MAYBE]` - Uncertain decisions\n- `[? BREAK]` - Rest\u002Fbreak required\n- `[⚠️ CRITICAL]` - Critical deadline or warning\n- `[START]` - Starting point\n- `[END]` - Completion point\n- `[DECIDE]` - Decision point\n\n#### Color Strategy:\n- White fills (`#ffffff`) for all nodes\n- Black borders (`#000000`) for maximum contrast\n- Colors can be added for users with color vision, but information is encoded in patterns\n\n### Monochrome Mode Specifications\n\n**Purpose:** Optimize for black & white printing, photocopying, and e-ink displays where color is unavailable.\n\n#### Design Principles:\n1. **Pure black and white only** - no grays (print unreliably)\n2. **Fill pattern hierarchy** - use patterns to show importance\n3. **Border style differentiation** - solid\u002Fdashed\u002Fdotted for categories\n4. **Verbose text labels** - more explicit than colorblind-safe mode\n5. **Extra whitespace** - better print legibility\n\n#### Mermaid Implementation:\n\n#### Fill Pattern System:\n```mermaid\n%%{init: {'theme':'base'}}%%\nflowchart TD\n    Critical[\"[★ CRITICAL] Deadline\"]\n    High[\"[! HIGH] Important\"]\n    Medium[\"[→ MEDIUM] Standard\"]\n    Standard[\"[○ STANDARD] Normal\"]\n\n    style Critical fill:#000000,stroke:#000000,stroke-width:3px,color:#ffffff\n    style High fill:#ffffff,stroke:#000000,stroke-width:3px\n    style Medium fill:#ffffff,stroke:#000000,stroke-width:2px,stroke-dasharray: 10 5\n    style Standard fill:#ffffff,stroke:#000000,stroke-width:2px\n```\n\n#### Fill Pattern Hierarchy:\n- Solid black fill + white text: `fill:#000000,color:#ffffff` - Priority 1 (Critical)\n- White fill + bold border: `fill:#ffffff,stroke-width:3px` - Priority 2 (High)\n- White fill + dashed border: `stroke-dasharray: 10 5` - Priority 3 (Medium)\n- White fill + solid border: Standard weight - Priority 4 (Standard)\n\n#### Border Style System:\n- `stroke-width:3px` + solid - Critical\u002Fdeadlines\n- `stroke-width:2px` + solid - Standard steps\n- `stroke-dasharray: 10 5` - Optional\u002Fmedium priority\n- `stroke-dasharray: 5 5` - Maybe\u002Funcertain\n- `stroke-dasharray: 2 2` - Breaks\u002Fpauses\n\n#### Text Prefix System (Verbose):\n- `[★ CRITICAL DEADLINE]` - Critical with visual marker\n- `[✓ KEEP]` - Text checkmark\n- `[→ DONATE]` - Text arrow\n- `[? MAYBE]` - Text question mark\n- `[■ BREAK]` - Text square (stop sign)\n- `[○ START]` - Text circle\n- `[● END]` - Filled circle\n\n#### Spacing Considerations:\n- Use more vertical space between nodes\n- Larger font sizes recommended (handled by `\u003Cbr\u002F>` for multi-line)\n- Wide margins in flowchart layout\n\n### Mode Combination Logic\n\n#### When both base mode and accessibility mode are active:\n\n1. **Base mode controls:**\n   - Language tone (compassionate vs direct)\n   - Time estimates (buffered vs standard)\n   - Task granularity (micro-steps vs standard tasks)\n   - Energy scaffolding (explicit vs minimal)\n\n2. **Accessibility mode controls:**\n   - Visual encoding (colors, patterns, shapes)\n   - Border styles and thickness\n   - Text prefix style\n   - Fill patterns (monochrome only)\n\n3. **Both modes respected simultaneously:**\n   - Neurodivergent + Colorblind-Safe = ADHD-friendly language + pattern-based visuals\n   - Neurodivergent + Monochrome = ADHD-friendly language + B&W print-optimized\n   - Neurotypical + Colorblind-Safe = Efficient language + pattern-based visuals\n   - Neurotypical + Monochrome = Efficient language + B&W print-optimized\n\n#### Example Combined Output:\n\n```mermaid\n%%{init: {'theme':'base'}}%%\nflowchart TD\n    Start([\"[○ START] Decision time\u003Cbr\u002F>(Take 3 seconds max)\"])\n    Q1{\"[? DECIDE]\u003Cbr\u002F>Do I love it?\u003Cbr\u002F>(Not obligated)\"}\n    Keep[\"[✓ KEEP]\u003Cbr\u002F>Pack for move\u003Cbr\u002F>(Fits in new space)\"]\n    Donate[\"[→ DONATE]\u003Cbr\u002F>Helps someone else\u003Cbr\u002F>(Guilt-free)\"]\n    Break[\"[■ BREAK]\u003Cbr\u002F>Rest 10 min\u003Cbr\u002F>(Decision fatigue signal)\"]\n\n    Start --> Q1\n    Q1 -->|YES| Keep\n    Q1 -->|NO| Donate\n    Q1 -->|UNSURE| Break\n\n    style Start fill:#ffffff,stroke:#000000,stroke-width:3px\n    style Q1 fill:#ffffff,stroke:#000000,stroke-width:2px\n    style Keep fill:#ffffff,stroke:#000000,stroke-width:3px,stroke-dasharray: 5 5\n    style Donate fill:#ffffff,stroke:#000000,stroke-width:2px,stroke-dasharray: 10 5\n    style Break fill:#000000,stroke:#000000,stroke-width:3px,color:#ffffff\n```\n*This example shows: Neurodivergent language (compassionate, with parenthetical reassurance) + Monochrome visual encoding (B&W with patterns)*\n\n## Configuration File Schema\n\nUsers can create a configuration file to set default modes and customize behavior:\n\n**File Location:** `.claude\u002Fneurodivergent-visual-org-preference.yml`\n\n#### Complete Configuration Example:\n\n```yaml\n# Neurodivergent Visual Org v3.1.1 Configuration\n\n# Base mode (required, choose one)\ndefault_mode: neurodivergent  # Options: neurodivergent, neurotypical\n\n# Accessibility modes (optional, can enable one or both)\ncolorblind_safe: false         # Enable pattern-based differentiation\nmonochrome: false              # Enable pure B&W print optimization\n\n# Auto-enable rules for accessibility modes\n# Note: These will PROMPT for confirmation before applying\nauto_prompt_monochrome:\n  when_printing: true           # Suggest monochrome when printing\n  when_exporting_pdf: true      # Suggest monochrome for PDF export\n  when_exporting_png: false     # Keep current mode for PNG exports\n\nauto_prompt_colorblind_safe:\n  when_sharing: true            # Suggest colorblind-safe for shared docs\n  when_public: true             # Suggest for public-facing documents\n\n# Base mode customizations\nneurodivergent_customizations:\n  chunk_size: 4                 # Items per chunk (3-5 recommended)\n  time_multiplier: 1.5          # Buffer multiplier for time estimates\n  micro_step_duration: 5        # Minutes per micro-step (3-10 recommended)\n  show_energy_scaffolding: true # Show spoons\u002Fbreaks explicitly\n  use_compassionate_language: true\n\nneurotypical_customizations:\n  chunk_size: 6                 # Items per chunk (5-7 recommended)\n  time_multiplier: 1.0          # Standard time estimates\n  task_duration: 20             # Minutes per task (15-30 recommended)\n  show_energy_scaffolding: false\n  use_direct_language: true\n\n# Colorblind-safe mode customizations\ncolorblind_safe_patterns:\n  keep: \"short-dash\"            # Options: short-dash, long-dash, dots, dot-dash, solid\n  donate: \"long-dash\"\n  maybe: \"dots\"\n  break: \"dot-dash\"\n  critical: \"solid\"\n\n  # Border thickness (1-3 recommended)\n  critical_thickness: 3\n  standard_thickness: 2\n  detail_thickness: 1\n\n# Monochrome mode customizations\nmonochrome_fills:\n  priority_1_critical: \"solid-black\"  # Solid black fill, white text\n  priority_2_high: \"white-bold\"       # White fill, bold border\n  priority_3_medium: \"white-dashed\"   # White fill, dashed border\n  priority_4_standard: \"white\"        # White fill, standard border\n\n# General preferences\npreferences:\n  always_include_legends: true  # Include pattern\u002Fcolor legends in diagrams\n  verbose_labels: true          # Use longer, more explicit labels\n  extra_whitespace: false       # Add more space between nodes (good for printing)\n  show_wcag_compliance: false   # Show WCAG compliance notes\n\n# Mermaid.live link preferences\nmermaid_links:\n  # IMPORTANT: \u003Cbr\u002F> tags in diagrams MUST be URL-encoded as %3Cbr%2F%3E\n  # for playground links to work correctly\n  auto_generate: true           # Automatically provide mermaid.live links\n  use_base64: false             # Use URL params instead of base64 (more readable)\n```\n\n#### Minimal Configuration (Just Change Defaults):\n\n```yaml\n# Simple config - just set your preferred defaults\ndefault_mode: neurodivergent\ncolorblind_safe: true   # Always use patterns for accessibility\n```\n\n#### Print-Optimized Configuration:\n\n```yaml\n# Optimized for printing and sharing\ndefault_mode: neurodivergent\nmonochrome: true\npreferences:\n  extra_whitespace: true\n  verbose_labels: true\n```\n\n#### Configuration Precedence:\n\n1. **Explicit user request** in current message (highest priority)\n2. **Configuration file** settings\n3. **Auto-detection** from language\n4. **Default** (neurodivergent mode, no accessibility modes)\n\n#### Loading Configuration:\n\nThe skill automatically checks for `.claude\u002Fneurodivergent-visual-org-preference.yml` at the start of each conversation. If found, settings are applied. Users can override any setting with explicit requests like \"use colorblind-safe mode for this diagram\".\n\n# Neurodivergent Visual Organization\n\nCreate visual organizational tools that make invisible work visible and reduce cognitive overwhelm. This skill generates Mermaid diagrams optimized for neurodivergent thinking patterns, leveraging research-backed design principles that work WITH ADHD brain wiring rather than against it.\n\n## Why Visual Tools Work for ADHD Brains\n\nVisual aids externalize executive function by:\n- **Converting abstract concepts** (time, energy, priorities) into concrete visual formats\n- **Reducing working memory load** by moving information from internal to external scaffolding\n- **Combating \"out of sight, out of mind\"** through persistent visual presence\n- **Leveraging visual-spatial strengths** while compensating for working memory deficits\n- **Providing immediate feedback** that ADHD brains need for sustained engagement\n- **Making time tangible** to address time blindness (a core ADHD deficit)\n\nResearch shows altered early sensory processing in ADHD (P1 component deficits), making thoughtful visual design critical for reducing sensory load and improving focus.\n\n## When to Use This Skill\n\nUse when the user:\n- Feels overwhelmed by a task or project (\"I don't know where to start\")\n- Needs to break down something complex into steps\n- Is stuck making a decision or mentions analysis paralysis\n- Asks \"what should I focus on?\" or \"what's on my plate?\"\n- Mentions executive dysfunction, time blindness, or decision fatigue\n- Wants to see how tasks connect or depend on each other\n- Needs to track progress across multiple things\n- Says something feels \"too big\" or \"too much\"\n- Requests help with routines, habits, or time management\n- Needs energy tracking or spoon theory visualization\n- Wants to understand system states or process flows\n\n## Core Principles\n\n#### Always apply these neurodivergent-friendly principles:\n- Use compassionate, non-judgmental language (never \"just do it\" or \"should be easy\")\n- Give realistic time estimates with buffer (use 1.5-2x what seems reasonable)\n- Acknowledge energy costs, not just time (consider spoon theory)\n- Break tasks into 3-10 minute micro-steps (smaller than you think)\n- Include \"you can modify this\" permission statements (combat perfectionism)\n- Celebrate starting, not just finishing (task initiation is a real achievement)\n- Make \"done\" concrete and achievable (vague goals create paralysis)\n- Show progress, not just what's left (focus on accomplishments)\n- Limit information to 3-5 chunks per section (working memory constraint)\n- Use calming color palettes (blues, greens, muted tones)\n- Provide generous white space (reduce visual overwhelm)\n- Create clear visual hierarchy (size, color, contrast)\n\n## Neurodivergent-Friendly Design Standards\n\n### Color Psychology for ADHD\n\n#### Primary Palette (Use These)\n- **Blues and greens** in soft, muted tones - promote tranquility and focus\n- **Muted browns** - provide grounding without stimulation\n- **Soft pastels** (light blues, lavenders, pale greens) - reduce visual stress\n- **Muted yellows** (sparingly) - boost energy without overstimulation\n\n#### Avoid\n- Bright reds, oranges, intense yellows - increase hyperactivity\u002Fagitation\n- Bright saturated colors - cause sensory overload\n- Clashing color combinations - create visual stress\n\n#### Implementation\n- Use `forest` theme (green-based) or `neutral` theme (muted earth tones)\n- Apply 60-30-10 rule: 60% calming background, 30% secondary, 10% accent\n- Maintain 4.5:1 contrast ratio minimum (WCAG compliance)\n- Never rely on color alone - pair with icons, patterns, or text labels\n\n### Information Density Management\n\n#### Miller's Law + ADHD Considerations\n- Working memory holds 5-7 chunks (neurotypical) or 3-5 chunks (ADHD)\n- Stay at lower end (3-5 chunks) to prevent cognitive overload\n- Increased cognitive load reduces ADHD performance more severely\n\n#### Practical Limits\n- **Flowcharts**: 15-20 nodes maximum before splitting into multiple diagrams\n- **Mindmaps**: 3-4 levels deep maximum\n- **Pie charts**: 6-8 slices for readability\n- **Lists**: No more than 2 lists of 3-5 items per diagram\n- **Sections**: Use timeline\u002Fjourney sections to chunk events logically\n\n#### Implementation\n- Break complex diagrams into digestible sections\n- Use progressive disclosure (show relevant info upfront, details on demand)\n- Provide TL;DR sections at beginning of complex diagrams\n- Include generous white space between elements\n\n### Visual Hierarchy Principles\n\n**Size Contrast** (must be dramatic for ADHD attention)\n- H1 significantly larger than H2, which is notably larger than body text\n- Important nodes visibly larger than standard nodes\n- Use `classDef` to style critical elements distinctly\n\n#### Priority Signaling\n- Distinguish important information through bold or color\n- Use visual highlights for critical numbers or elements\n- Separate each instruction clearly\n- Implement color-coded systems for immediate visual feedback\n\n#### Avoid\n- Competing visual elements fighting for attention\n- Auto-playing animations or flashy effects (extremely distracting)\n- Blinking or flashing elements\n- More than 2 fonts per diagram\n\n## Comprehensive Mermaid Diagram Selection Guide\n\nMermaid 11.12.1 offers **22 diagram types**. Choose based on cognitive need:\n\n### Executive Function & Task Management\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"I don't know where to start\" | **Flowchart** (decision tree) | Diagnose task initiation blocks |\n| \"This task is overwhelming\" | **Gantt chart** or **Timeline** | Break into sequential phases with time |\n| \"How are tasks connected?\" | **Flowchart** (dependencies) | Show prerequisite relationships |\n| \"What's the order of operations?\" | **Timeline** or **State diagram** | Sequential progression with states |\n| \"Track project phases\" | **Gantt chart** | Complex projects with dependencies |\n\n### Decision-Making & Prioritization\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"I can't decide between options\" | **Quadrant chart** | 2-dimensional comparison (Eisenhower Matrix) |\n| \"Need to weigh factors\" | **Flowchart** (decision tree) | Branching logic with validation |\n| \"What should I focus on first?\" | **Quadrant chart** | Urgent\u002FImportant matrix |\n| \"Too many things on my plate\" | **Pie chart** | Visualize proportional allocation |\n| \"Comparing multiple aspects\" | **User journey** | Track satisfaction across dimensions |\n\n### Organization & Current State\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"What's on my plate?\" | **Kanban** (if available) | Track To Do\u002FDoing\u002FDone states |\n| \"Show task status\" | **State diagram** | Visualize item states and transitions |\n| \"Organize by category\" | **Mindmap** | Non-linear brainstorming and categorization |\n| \"See the big picture\" | **Mindmap** | Hierarchical overview of complex topic |\n| \"Track multiple projects\" | **Gantt chart** | Parallel timelines with milestones |\n\n### Time & Energy Management\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"Make time visible\" | **Timeline** with sections | Combat time blindness with visual periods |\n| \"Plan my day\u002Fweek\" | **Gantt chart** | Time-blocked schedule with buffer |\n| \"Track energy patterns\" | **Pie chart** or **XY chart** | Spoon theory visualization |\n| \"Pomodoro planning\" | **Timeline** | Show focus\u002Fbreak cycles visually |\n| \"Energy allocation\" | **Sankey diagram** | Show energy flow across activities |\n\n### Habits & Routines\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"Build a morning routine\" | **Flowchart** or **Timeline** | Sequential steps with time estimates |\n| \"Habit stacking\" | **Flowchart** | Show trigger → action chains |\n| \"Track habit progress\" | **User journey** | Satisfaction scores across habit stages |\n| \"Visual routine chart\" | **Timeline** with sections | Color-coded daily schedule |\n\n### Systems & Processes\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"How does this system work?\" | **State diagram** | Show system states and transitions |\n| \"Process flow\" | **Flowchart** | Step-by-step procedures |\n| \"Data\u002Fresource flow\" | **Sankey diagram** | Visualize flow and distribution |\n| \"Relationships between entities\" | **ER diagram** or **Mindmap** | Show connections and structure |\n| \"Architecture\u002Fstructure\" | **Architecture diagram** (beta) | System components with icons |\n\n## Detailed Syntax Guide for Priority Types\n\n[Content continues with all the detailed syntax guides, troubleshooting, workflow sections, etc. from the original SKILL.md - truncating here to stay within reasonable length]\n\n## Playground Links and URL Encoding\n\nWhen providing links to edit Mermaid diagrams in online playgrounds (like https:\u002F\u002Fmermaid.live), you MUST properly URL-encode the diagram content, especially HTML entities like `\u003Cbr\u002F>` tags.\n\n### Common Issue: Broken `\u003Cbr\u002F>` Tags\n\nMermaid diagrams use `\u003Cbr\u002F>` for line breaks in node text. These MUST be encoded properly in URLs.\n\n**❌ BROKEN** (angle brackets not encoded):\n```\nhttps:\u002F\u002Fmermaid.live\u002Fedit#pako:flowchart TD\n    Start{Can decide\u003Cbr\u002F>in 3 seconds?}\n```\n\n**✅ CORRECT** (all characters properly encoded):\n```\nhttps:\u002F\u002Fmermaid.live\u002Fedit#pako:flowchart%20TD%0A%20%20%20%20Start%7BCan%20decide%3Cbr%2F%3Ein%203%20seconds%3F%7D\n```\n\n### URL Encoding Rules\n\n**IMPORTANT:** Despite earlier claims that \"Mermaid 11.12.1+ fixed \u003Cbr\u002F> encoding\", URL encoding is STILL REQUIRED for playground links to work correctly.\n\nUse Python's `urllib.parse.quote()` with `safe=''` to encode ALL special characters:\n\n```python\nimport urllib.parse\n\ndiagram = \"\"\"flowchart TD\n    Start{Can decide\u003Cbr\u002F>in 3 seconds?}\"\"\"\n\nencoded = urllib.parse.quote(diagram, safe='')\nurl = f\"https:\u002F\u002Fmermaid.live\u002Fedit#pako:{encoded}\"\n```\n\n#### Key encodings:\n- `\u003C` → `%3C`\n- `>` → `%3E`\n- `\u002F` → `%2F`\n- Space → `%20`\n- Newline → `%0A`\n- `{` → `%7B`\n- `}` → `%7D`\n\n### When Providing Playground Links\n\nAlways include properly encoded playground links in your diagram output:\n\n```markdown\n## ? Master Decision Flowchart\n\n[? Edit in Playground](https:\u002F\u002Fmermaid.live\u002Fedit#pako:{PROPERLY_ENCODED_DIAGRAM})\n\n\\`\\`\\`mermaid\n{DIAGRAM_CODE}\n\\`\\`\\`\n```\n\nThis allows users to:\n- View rendered diagrams online\n- Edit and customize diagrams\n- Share diagrams with collaborators\n- Access diagrams on mobile devices\n\n### Testing Links\n\nBefore providing a playground link, verify that:\n1. The URL opens without errors\n2. The diagram renders correctly\n3. All `\u003Cbr\u002F>` tags display as line breaks (not literal `\u003Cbr\u002F>` text)\n\nIf angle brackets appear as literal text in the rendered diagram, the URL encoding is broken.\n\n## Version History\n\n- **v3.1.1** (Current): Fixed URL encoding documentation error. Mermaid playground links STILL require proper encoding of HTML entities like `\u003Cbr\u002F>` tags. All previous features plus corrected documentation.\n- **v3.1**: Added colorblind-safe and monochrome accessibility modes with pattern-based differentiation. Mode system supports neurodivergent\u002Fneurotypical base modes combined with optional accessibility modes. Configuration file support for personalized defaults.\n- **v3.0**: Mode system (neurodivergent\u002Fneurotypical\u002Fauto-detect), configuration file support, enhanced accessibility features\n- **v2.0**: Comprehensive Mermaid 11.12.1 syntax, research-backed neurodivergent design principles, troubleshooting guide, expanded diagram types\n- **v1.0**: Initial release with basic patterns and reference files\n\n---\n\n## Quick Reference Card\n\n**When user says...** → **Use this diagram type**\n\n- \"I don't know where to start\" → Flowchart (decision tree)\n- \"This is overwhelming\" → Timeline or Gantt (break into phases)\n- \"I can't decide\" → Quadrant chart (Eisenhower Matrix)\n- \"What should I focus on?\" → Quadrant chart or Pie chart\n- \"Too many things\" → Kanban or State diagram\n- \"Time disappears\" → Timeline (make time visible)\n- \"No energy\" → Pie or Sankey (spoon theory)\n- \"How does this work?\" → State diagram or Flowchart\n- \"Build a habit\" → Flowchart (habit stacking) or User journey\n- \"Plan my day\" → Timeline or Gantt (time-blocked)\n\n#### Always:\n✅ Use calming colors (forest\u002Fneutral theme)\n✅ Limit to 3-5 chunks per section\n✅ Be compassionate and realistic\n✅ Validate with Mermaid tool\n✅ Provide usage instructions\n✅ Offer to save to Obsidian\n✅ Properly URL-encode playground links (REQUIRED for `\u003Cbr\u002F>` tags)\n\n#### Never:\n❌ Judgmental language (\"just\" or \"should\")\n❌ Unrealistic time estimates\n❌ Too many nodes\u002Felements\n❌ Bright clashing colors\n❌ Skip encouragement and validation\n❌ Provide unencoded playground links with `\u003Cbr\u002F>` tags\n\n## Overview\n\nCreates ADHD-friendly visual organizational tools using Mermaid diagrams optimized for neurodivergent thinking patterns.\n\n## Prerequisites\n\n- Access to the optimization environment or API\n- Required CLI tools installed and authenticated\n- Familiarity with optimization concepts and terminology\n\n## Instructions\n\n1. Assess the current state of the optimization configuration\n2. Identify the specific requirements and constraints\n3. Apply the recommended patterns from this skill\n4. Validate the changes against expected behavior\n5. Document the configuration for team reference\n\n## Output\n\n- Configuration files or code changes applied to the project\n- Validation report confirming correct implementation\n- Summary of changes made and their rationale\n\n## Error Handling\n\n| Error | Cause | Resolution |\n|-------|-------|------------|\n| Authentication failure | Invalid or expired credentials | Refresh tokens or re-authenticate with optimization |\n| Configuration conflict | Incompatible settings detected | Review and resolve conflicting parameters |\n| Resource not found | Referenced resource missing | Verify resource exists and permissions are correct |\n\n## Examples\n\n**Basic usage**: Apply neurodivergent visual org to a standard project setup with default configuration options.\n\n**Advanced scenario**: Customize neurodivergent visual org for production environments with multiple constraints and team-specific requirements.\n\n## Resources\n\n- Official optimization documentation\n- Community best practices and patterns\n- Related skills in this plugin pack","## Mode System (v3.1.1)\n\nThis skill supports four modes to adapt to different cognitive styles and accessibility needs:\n\n### Mode Selection\n\n**Base Modes** (choose one):\n1. **Neurodivergent Mode** - ADHD-friendly, energy-aware, compassionate language\n2. **Neurotypical Mode** - Direct, efficient, standard cognitive load\n\n**Accessibility Modes** (optional, combinable with base modes):\n3. **Colorblind-Safe Mode** - Pattern-based differentiation for all color vision types\n4. **Monochrome Mode** - Pure black & white optimized for printing and e-ink displays\n\n#### Mode Combinations Available:\n- Neurodivergent + Colorblind-Safe\n- Neurodivergent + Monochrome\n- Neurotypical + Colorblind-Safe\n- Neurotypical + Monochrome\n- Colorblind-Safe only (no base mode features)\n- Monochrome only (no base mode features)\n\n#### Selection Methods:\n\n#### 1. Auto-Detect (Default)\n- Analyzes user language for distress signals (\"overwhelmed\", \"paralyzed\", \"stuck\")\n- Detects mentions of neurodivergent conditions or executive dysfunction\n- Detects accessibility requests (\"colorblind-safe\", \"print-friendly\", \"grayscale\")\n- Defaults to neurodivergent mode when ambiguous (inclusive design)\n\n#### 2. Explicit Mode Request\n- User says: \"Use neurotypical mode\" or \"Use ADHD mode\"\n- User says: \"Use colorblind-safe mode\" or \"Make it print-friendly\"\n- User says: \"Combine neurodivergent and colorblind-safe modes\"\n- Persists for current conversation unless changed\n\n#### 3. Configuration File\n- User creates: `.claude\u002Fneurodivergent-visual-org-preference.yml`\n- Sets default base mode, accessibility modes, time multipliers, chunk sizes\n- Can set auto-enable rules (e.g., monochrome for PDFs)\n\n### Mode Characteristics\n\n#### Base Mode Features:\n\n| Aspect | Neurodivergent Mode | Neurotypical Mode |\n|--------|---------------------|-------------------|\n| Chunk size | 3-5 items | 5-7 items |\n| Time estimates | 1.5-2x with buffer | Standard |\n| Task granularity | 3-10 min micro-steps | 15-30 min tasks |\n| Language | Compassionate, validating | Direct, efficient |\n| Colors | Calming (blues\u002Fgreens) | Standard themes |\n| Energy scaffolding | Explicit (spoons, breaks) | Minimal |\n\n#### Accessibility Mode Features:\n\n| Aspect | Colorblind-Safe Mode | Monochrome Mode |\n|--------|---------------------|-----------------|\n| Color usage | Redundant (patterns + color) | Pure B&W only (#000\u002F#fff) |\n| Border patterns | Dashed\u002Fdotted variations | Solid\u002Fdashed\u002Fdotted styles |\n| Text labels | Prefixed ([KEEP], [DONATE]) | Verbose ([✓ KEEP], [? MAYBE]) |\n| Shape coding | Diamond\u002Fhexagon\u002Ftrapezoid | Distinct geometric shapes |\n| Fill patterns | N\u002FA (white fill, patterned borders) | Solid\u002Fcrosshatch\u002Fdots\u002Fwhite |\n| Border thickness | 1-3px for hierarchy | 1-3px for hierarchy |\n| Symbols | Redundant icons (✅ ? ?) | Text-based (✓ → ?) |\n| Best for | All color vision types | B&W printing, e-ink displays |\n| WCAG compliance | 2.1 AA (Use of Color 1.4.1) | 2.1 AAA (Maximum contrast) |\n\n#### Mode Combination Notes:\n- Base mode controls language, time estimates, and cognitive scaffolding\n- Accessibility mode controls visual encoding (patterns, contrast, shapes)\n- Both can be active simultaneously for maximum accommodation\n\n### Backward Compatibility\n\nv3.1.1 maintains v3.0 behavior:\n- Defaults to neurodivergent base mode (v2.0 compatible)\n- Accessibility modes are opt-in (not enabled by default)\n- v3.0 visualizations remain valid (no breaking changes)\n\n## Mode Detection Algorithm\n\n#### Step 1: Check for explicit base mode request\n```python\nbase_mode = None\naccessibility_mode = None\n\n# Detect base mode\nif \"neurotypical mode\" in user_message.lower():\n    base_mode = \"neurotypical\"\nelif \"adhd mode\" or \"neurodivergent mode\" in user_message.lower():\n    base_mode = \"neurodivergent\"\n```\n\n#### Step 2: Check for explicit accessibility mode request\n```python\n# Detect colorblind-safe mode\ncolorblind_keywords = [\"colorblind\", \"color blind\", \"colorblind-safe\",\n                      \"colour blind\", \"accessible colors\", \"pattern-based\",\n                      \"cvd\", \"color vision deficiency\"]\nif any(keyword in user_message.lower() for keyword in colorblind_keywords):\n    accessibility_mode = \"colorblind-safe\"\n\n# Detect monochrome mode (takes precedence over colorblind-safe)\nmonochrome_keywords = [\"monochrome\", \"black and white\", \"b&w\", \"grayscale\",\n                      \"greyscale\", \"print-friendly\", \"printing\", \"e-ink\",\n                      \"black & white\", \"photocopier\"]\nif any(keyword in user_message.lower() for keyword in monochrome_keywords):\n    accessibility_mode = \"monochrome\"\n```\n\n#### Step 3: Check configuration file\n```python\nif config_file_exists():\n    config = load_user_preference()\n\n    # Apply base mode if not explicitly set\n    if base_mode is None:\n        base_mode = config.get(\"default_mode\", \"neurodivergent\")\n\n    # Apply accessibility mode if not explicitly set\n    if accessibility_mode is None:\n        accessibility_mode = config.get(\"colorblind_safe\", False) and \"colorblind-safe\"\n        if not accessibility_mode:\n            accessibility_mode = config.get(\"monochrome\", False) and \"monochrome\"\n```\n\n#### Step 4: Auto-detect base mode from language\n```python\ndistress_signals = [\"overwhelmed\", \"paralyzed\", \"stuck\", \"can't decide\",\n                   \"don't know where to start\", \"too much\"]\nneurodivergent_mentions = [\"adhd\", \"autism\", \"executive dysfunction\",\n                          \"time blindness\", \"decision paralysis\"]\nenergy_mentions = [\"spoons\", \"burned out\", \"exhausted\", \"no energy\"]\n\nif base_mode is None:\n    if any(signal in user_message.lower() for signal in\n           distress_signals + neurodivergent_mentions + energy_mentions):\n        base_mode = \"neurodivergent\"\n```\n\n#### Step 5: Default to neurodivergent base mode (inclusive)\n```python\nif base_mode is None:\n    base_mode = \"neurodivergent\"  # Backward compatible with v2.0\n```\n\n#### Step 6: Apply modes\n```python\n# accessibility_mode can be None, \"colorblind-safe\", or \"monochrome\"\n# base_mode will always be \"neurodivergent\" or \"neurotypical\"\napply_modes(base_mode=base_mode, accessibility_mode=accessibility_mode)\n```\n\n## Accessibility Mode Implementation\n\n### Colorblind-Safe Mode Specifications\n\n**Purpose:** Make diagrams accessible for all color vision types (protanopia, deuteranopia, tritanopia, achromatopsia) while remaining clear for regular color vision.\n\n#### Design Principles:\n1. **Never rely on color alone** - always pair with patterns, shapes, or text\n2. **Pattern-based differentiation** - use border styles as primary encoding\n3. **Explicit text labels** - prefix all nodes with type indicators\n4. **Shape coding** - use different node shapes for different categories\n5. **High contrast borders** - all nodes have bold, visible borders\n\n#### Mermaid Implementation:\n\n#### Border Pattern System:\n```mermaid\n%%{init: {'theme':'base'}}%%\nflowchart TD\n    Keep[\"[✅ KEEP] Item\"]\n    Donate[\"[? DONATE] Item\"]\n    Maybe[\"[? MAYBE] Item\"]\n    Break[\"[? BREAK] Rest\"]\n\n    style Keep fill:#ffffff,stroke:#000000,stroke-width:3px,stroke-dasharray: 5 5\n    style Donate fill:#ffffff,stroke:#000000,stroke-width:2px,stroke-dasharray: 10 5\n    style Maybe fill:#ffffff,stroke:#000000,stroke-width:2px,stroke-dasharray: 2 2\n    style Break fill:#ffffff,stroke:#000000,stroke-width:3px,stroke-dasharray: 1 4\n```\n\n#### Pattern Legend:\n- `stroke-dasharray: 5 5` - Short dashes (KEEP items, positive actions)\n- `stroke-dasharray: 10 5` - Long dashes (DONATE items, external actions)\n- `stroke-dasharray: 2 2` - Dots (MAYBE items, uncertain states)\n- `stroke-dasharray: 1 4` - Dot-dash (BREAK items, pauses)\n- `stroke-width: 3px` - Critical importance\n- `stroke-width: 2px` - Standard importance\n- `stroke-width: 1px` - Detail level\n\n#### Shape Coding:\n- `([text])` - Rounded rectangle: Standard process steps\n- Diamond shape `{ }` - Decision points\n- `[[text]]` - Hexagon-style: Critical deadlines\n- `[\u002Ftext\u002F]` - Trapezoid: Break\u002Frest states\n- `>text]` - Asymmetric: External dependencies\n\n#### Text Prefix System:\n- `[✅ KEEP]` - Items to keep\n- `[? DONATE]` - Items to donate\u002Fgive away\n- `[? MAYBE]` - Uncertain decisions\n- `[? BREAK]` - Rest\u002Fbreak required\n- `[⚠️ CRITICAL]` - Critical deadline or warning\n- `[START]` - Starting point\n- `[END]` - Completion point\n- `[DECIDE]` - Decision point\n\n#### Color Strategy:\n- White fills (`#ffffff`) for all nodes\n- Black borders (`#000000`) for maximum contrast\n- Colors can be added for users with color vision, but information is encoded in patterns\n\n### Monochrome Mode Specifications\n\n**Purpose:** Optimize for black & white printing, photocopying, and e-ink displays where color is unavailable.\n\n#### Design Principles:\n1. **Pure black and white only** - no grays (print unreliably)\n2. **Fill pattern hierarchy** - use patterns to show importance\n3. **Border style differentiation** - solid\u002Fdashed\u002Fdotted for categories\n4. **Verbose text labels** - more explicit than colorblind-safe mode\n5. **Extra whitespace** - better print legibility\n\n#### Mermaid Implementation:\n\n#### Fill Pattern System:\n```mermaid\n%%{init: {'theme':'base'}}%%\nflowchart TD\n    Critical[\"[★ CRITICAL] Deadline\"]\n    High[\"[! HIGH] Important\"]\n    Medium[\"[→ MEDIUM] Standard\"]\n    Standard[\"[○ STANDARD] Normal\"]\n\n    style Critical fill:#000000,stroke:#000000,stroke-width:3px,color:#ffffff\n    style High fill:#ffffff,stroke:#000000,stroke-width:3px\n    style Medium fill:#ffffff,stroke:#000000,stroke-width:2px,stroke-dasharray: 10 5\n    style Standard fill:#ffffff,stroke:#000000,stroke-width:2px\n```\n\n#### Fill Pattern Hierarchy:\n- Solid black fill + white text: `fill:#000000,color:#ffffff` - Priority 1 (Critical)\n- White fill + bold border: `fill:#ffffff,stroke-width:3px` - Priority 2 (High)\n- White fill + dashed border: `stroke-dasharray: 10 5` - Priority 3 (Medium)\n- White fill + solid border: Standard weight - Priority 4 (Standard)\n\n#### Border Style System:\n- `stroke-width:3px` + solid - Critical\u002Fdeadlines\n- `stroke-width:2px` + solid - Standard steps\n- `stroke-dasharray: 10 5` - Optional\u002Fmedium priority\n- `stroke-dasharray: 5 5` - Maybe\u002Funcertain\n- `stroke-dasharray: 2 2` - Breaks\u002Fpauses\n\n#### Text Prefix System (Verbose):\n- `[★ CRITICAL DEADLINE]` - Critical with visual marker\n- `[✓ KEEP]` - Text checkmark\n- `[→ DONATE]` - Text arrow\n- `[? MAYBE]` - Text question mark\n- `[■ BREAK]` - Text square (stop sign)\n- `[○ START]` - Text circle\n- `[● END]` - Filled circle\n\n#### Spacing Considerations:\n- Use more vertical space between nodes\n- Larger font sizes recommended (handled by `\u003Cbr\u002F>` for multi-line)\n- Wide margins in flowchart layout\n\n### Mode Combination Logic\n\n#### When both base mode and accessibility mode are active:\n\n1. **Base mode controls:**\n   - Language tone (compassionate vs direct)\n   - Time estimates (buffered vs standard)\n   - Task granularity (micro-steps vs standard tasks)\n   - Energy scaffolding (explicit vs minimal)\n\n2. **Accessibility mode controls:**\n   - Visual encoding (colors, patterns, shapes)\n   - Border styles and thickness\n   - Text prefix style\n   - Fill patterns (monochrome only)\n\n3. **Both modes respected simultaneously:**\n   - Neurodivergent + Colorblind-Safe = ADHD-friendly language + pattern-based visuals\n   - Neurodivergent + Monochrome = ADHD-friendly language + B&W print-optimized\n   - Neurotypical + Colorblind-Safe = Efficient language + pattern-based visuals\n   - Neurotypical + Monochrome = Efficient language + B&W print-optimized\n\n#### Example Combined Output:\n\n```mermaid\n%%{init: {'theme':'base'}}%%\nflowchart TD\n    Start([\"[○ START] Decision time\u003Cbr\u002F>(Take 3 seconds max)\"])\n    Q1{\"[? DECIDE]\u003Cbr\u002F>Do I love it?\u003Cbr\u002F>(Not obligated)\"}\n    Keep[\"[✓ KEEP]\u003Cbr\u002F>Pack for move\u003Cbr\u002F>(Fits in new space)\"]\n    Donate[\"[→ DONATE]\u003Cbr\u002F>Helps someone else\u003Cbr\u002F>(Guilt-free)\"]\n    Break[\"[■ BREAK]\u003Cbr\u002F>Rest 10 min\u003Cbr\u002F>(Decision fatigue signal)\"]\n\n    Start --> Q1\n    Q1 -->|YES| Keep\n    Q1 -->|NO| Donate\n    Q1 -->|UNSURE| Break\n\n    style Start fill:#ffffff,stroke:#000000,stroke-width:3px\n    style Q1 fill:#ffffff,stroke:#000000,stroke-width:2px\n    style Keep fill:#ffffff,stroke:#000000,stroke-width:3px,stroke-dasharray: 5 5\n    style Donate fill:#ffffff,stroke:#000000,stroke-width:2px,stroke-dasharray: 10 5\n    style Break fill:#000000,stroke:#000000,stroke-width:3px,color:#ffffff\n```\n*This example shows: Neurodivergent language (compassionate, with parenthetical reassurance) + Monochrome visual encoding (B&W with patterns)*\n\n## Configuration File Schema\n\nUsers can create a configuration file to set default modes and customize behavior:\n\n**File Location:** `.claude\u002Fneurodivergent-visual-org-preference.yml`\n\n#### Complete Configuration Example:\n\n```yaml\n# Neurodivergent Visual Org v3.1.1 Configuration\n\n# Base mode (required, choose one)\ndefault_mode: neurodivergent  # Options: neurodivergent, neurotypical\n\n# Accessibility modes (optional, can enable one or both)\ncolorblind_safe: false         # Enable pattern-based differentiation\nmonochrome: false              # Enable pure B&W print optimization\n\n# Auto-enable rules for accessibility modes\n# Note: These will PROMPT for confirmation before applying\nauto_prompt_monochrome:\n  when_printing: true           # Suggest monochrome when printing\n  when_exporting_pdf: true      # Suggest monochrome for PDF export\n  when_exporting_png: false     # Keep current mode for PNG exports\n\nauto_prompt_colorblind_safe:\n  when_sharing: true            # Suggest colorblind-safe for shared docs\n  when_public: true             # Suggest for public-facing documents\n\n# Base mode customizations\nneurodivergent_customizations:\n  chunk_size: 4                 # Items per chunk (3-5 recommended)\n  time_multiplier: 1.5          # Buffer multiplier for time estimates\n  micro_step_duration: 5        # Minutes per micro-step (3-10 recommended)\n  show_energy_scaffolding: true # Show spoons\u002Fbreaks explicitly\n  use_compassionate_language: true\n\nneurotypical_customizations:\n  chunk_size: 6                 # Items per chunk (5-7 recommended)\n  time_multiplier: 1.0          # Standard time estimates\n  task_duration: 20             # Minutes per task (15-30 recommended)\n  show_energy_scaffolding: false\n  use_direct_language: true\n\n# Colorblind-safe mode customizations\ncolorblind_safe_patterns:\n  keep: \"short-dash\"            # Options: short-dash, long-dash, dots, dot-dash, solid\n  donate: \"long-dash\"\n  maybe: \"dots\"\n  break: \"dot-dash\"\n  critical: \"solid\"\n\n  # Border thickness (1-3 recommended)\n  critical_thickness: 3\n  standard_thickness: 2\n  detail_thickness: 1\n\n# Monochrome mode customizations\nmonochrome_fills:\n  priority_1_critical: \"solid-black\"  # Solid black fill, white text\n  priority_2_high: \"white-bold\"       # White fill, bold border\n  priority_3_medium: \"white-dashed\"   # White fill, dashed border\n  priority_4_standard: \"white\"        # White fill, standard border\n\n# General preferences\npreferences:\n  always_include_legends: true  # Include pattern\u002Fcolor legends in diagrams\n  verbose_labels: true          # Use longer, more explicit labels\n  extra_whitespace: false       # Add more space between nodes (good for printing)\n  show_wcag_compliance: false   # Show WCAG compliance notes\n\n# Mermaid.live link preferences\nmermaid_links:\n  # IMPORTANT: \u003Cbr\u002F> tags in diagrams MUST be URL-encoded as %3Cbr%2F%3E\n  # for playground links to work correctly\n  auto_generate: true           # Automatically provide mermaid.live links\n  use_base64: false             # Use URL params instead of base64 (more readable)\n```\n\n#### Minimal Configuration (Just Change Defaults):\n\n```yaml\n# Simple config - just set your preferred defaults\ndefault_mode: neurodivergent\ncolorblind_safe: true   # Always use patterns for accessibility\n```\n\n#### Print-Optimized Configuration:\n\n```yaml\n# Optimized for printing and sharing\ndefault_mode: neurodivergent\nmonochrome: true\npreferences:\n  extra_whitespace: true\n  verbose_labels: true\n```\n\n#### Configuration Precedence:\n\n1. **Explicit user request** in current message (highest priority)\n2. **Configuration file** settings\n3. **Auto-detection** from language\n4. **Default** (neurodivergent mode, no accessibility modes)\n\n#### Loading Configuration:\n\nThe skill automatically checks for `.claude\u002Fneurodivergent-visual-org-preference.yml` at the start of each conversation. If found, settings are applied. Users can override any setting with explicit requests like \"use colorblind-safe mode for this diagram\".\n\n# Neurodivergent Visual Organization\n\nCreate visual organizational tools that make invisible work visible and reduce cognitive overwhelm. This skill generates Mermaid diagrams optimized for neurodivergent thinking patterns, leveraging research-backed design principles that work WITH ADHD brain wiring rather than against it.\n\n## Why Visual Tools Work for ADHD Brains\n\nVisual aids externalize executive function by:\n- **Converting abstract concepts** (time, energy, priorities) into concrete visual formats\n- **Reducing working memory load** by moving information from internal to external scaffolding\n- **Combating \"out of sight, out of mind\"** through persistent visual presence\n- **Leveraging visual-spatial strengths** while compensating for working memory deficits\n- **Providing immediate feedback** that ADHD brains need for sustained engagement\n- **Making time tangible** to address time blindness (a core ADHD deficit)\n\nResearch shows altered early sensory processing in ADHD (P1 component deficits), making thoughtful visual design critical for reducing sensory load and improving focus.\n\n## When to Use This Skill\n\nUse when the user:\n- Feels overwhelmed by a task or project (\"I don't know where to start\")\n- Needs to break down something complex into steps\n- Is stuck making a decision or mentions analysis paralysis\n- Asks \"what should I focus on?\" or \"what's on my plate?\"\n- Mentions executive dysfunction, time blindness, or decision fatigue\n- Wants to see how tasks connect or depend on each other\n- Needs to track progress across multiple things\n- Says something feels \"too big\" or \"too much\"\n- Requests help with routines, habits, or time management\n- Needs energy tracking or spoon theory visualization\n- Wants to understand system states or process flows\n\n## Core Principles\n\n#### Always apply these neurodivergent-friendly principles:\n- Use compassionate, non-judgmental language (never \"just do it\" or \"should be easy\")\n- Give realistic time estimates with buffer (use 1.5-2x what seems reasonable)\n- Acknowledge energy costs, not just time (consider spoon theory)\n- Break tasks into 3-10 minute micro-steps (smaller than you think)\n- Include \"you can modify this\" permission statements (combat perfectionism)\n- Celebrate starting, not just finishing (task initiation is a real achievement)\n- Make \"done\" concrete and achievable (vague goals create paralysis)\n- Show progress, not just what's left (focus on accomplishments)\n- Limit information to 3-5 chunks per section (working memory constraint)\n- Use calming color palettes (blues, greens, muted tones)\n- Provide generous white space (reduce visual overwhelm)\n- Create clear visual hierarchy (size, color, contrast)\n\n## Neurodivergent-Friendly Design Standards\n\n### Color Psychology for ADHD\n\n#### Primary Palette (Use These)\n- **Blues and greens** in soft, muted tones - promote tranquility and focus\n- **Muted browns** - provide grounding without stimulation\n- **Soft pastels** (light blues, lavenders, pale greens) - reduce visual stress\n- **Muted yellows** (sparingly) - boost energy without overstimulation\n\n#### Avoid\n- Bright reds, oranges, intense yellows - increase hyperactivity\u002Fagitation\n- Bright saturated colors - cause sensory overload\n- Clashing color combinations - create visual stress\n\n#### Implementation\n- Use `forest` theme (green-based) or `neutral` theme (muted earth tones)\n- Apply 60-30-10 rule: 60% calming background, 30% secondary, 10% accent\n- Maintain 4.5:1 contrast ratio minimum (WCAG compliance)\n- Never rely on color alone - pair with icons, patterns, or text labels\n\n### Information Density Management\n\n#### Miller's Law + ADHD Considerations\n- Working memory holds 5-7 chunks (neurotypical) or 3-5 chunks (ADHD)\n- Stay at lower end (3-5 chunks) to prevent cognitive overload\n- Increased cognitive load reduces ADHD performance more severely\n\n#### Practical Limits\n- **Flowcharts**: 15-20 nodes maximum before splitting into multiple diagrams\n- **Mindmaps**: 3-4 levels deep maximum\n- **Pie charts**: 6-8 slices for readability\n- **Lists**: No more than 2 lists of 3-5 items per diagram\n- **Sections**: Use timeline\u002Fjourney sections to chunk events logically\n\n#### Implementation\n- Break complex diagrams into digestible sections\n- Use progressive disclosure (show relevant info upfront, details on demand)\n- Provide TL;DR sections at beginning of complex diagrams\n- Include generous white space between elements\n\n### Visual Hierarchy Principles\n\n**Size Contrast** (must be dramatic for ADHD attention)\n- H1 significantly larger than H2, which is notably larger than body text\n- Important nodes visibly larger than standard nodes\n- Use `classDef` to style critical elements distinctly\n\n#### Priority Signaling\n- Distinguish important information through bold or color\n- Use visual highlights for critical numbers or elements\n- Separate each instruction clearly\n- Implement color-coded systems for immediate visual feedback\n\n#### Avoid\n- Competing visual elements fighting for attention\n- Auto-playing animations or flashy effects (extremely distracting)\n- Blinking or flashing elements\n- More than 2 fonts per diagram\n\n## Comprehensive Mermaid Diagram Selection Guide\n\nMermaid 11.12.1 offers **22 diagram types**. Choose based on cognitive need:\n\n### Executive Function & Task Management\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"I don't know where to start\" | **Flowchart** (decision tree) | Diagnose task initiation blocks |\n| \"This task is overwhelming\" | **Gantt chart** or **Timeline** | Break into sequential phases with time |\n| \"How are tasks connected?\" | **Flowchart** (dependencies) | Show prerequisite relationships |\n| \"What's the order of operations?\" | **Timeline** or **State diagram** | Sequential progression with states |\n| \"Track project phases\" | **Gantt chart** | Complex projects with dependencies |\n\n### Decision-Making & Prioritization\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"I can't decide between options\" | **Quadrant chart** | 2-dimensional comparison (Eisenhower Matrix) |\n| \"Need to weigh factors\" | **Flowchart** (decision tree) | Branching logic with validation |\n| \"What should I focus on first?\" | **Quadrant chart** | Urgent\u002FImportant matrix |\n| \"Too many things on my plate\" | **Pie chart** | Visualize proportional allocation |\n| \"Comparing multiple aspects\" | **User journey** | Track satisfaction across dimensions |\n\n### Organization & Current State\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"What's on my plate?\" | **Kanban** (if available) | Track To Do\u002FDoing\u002FDone states |\n| \"Show task status\" | **State diagram** | Visualize item states and transitions |\n| \"Organize by category\" | **Mindmap** | Non-linear brainstorming and categorization |\n| \"See the big picture\" | **Mindmap** | Hierarchical overview of complex topic |\n| \"Track multiple projects\" | **Gantt chart** | Parallel timelines with milestones |\n\n### Time & Energy Management\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"Make time visible\" | **Timeline** with sections | Combat time blindness with visual periods |\n| \"Plan my day\u002Fweek\" | **Gantt chart** | Time-blocked schedule with buffer |\n| \"Track energy patterns\" | **Pie chart** or **XY chart** | Spoon theory visualization |\n| \"Pomodoro planning\" | **Timeline** | Show focus\u002Fbreak cycles visually |\n| \"Energy allocation\" | **Sankey diagram** | Show energy flow across activities |\n\n### Habits & Routines\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"Build a morning routine\" | **Flowchart** or **Timeline** | Sequential steps with time estimates |\n| \"Habit stacking\" | **Flowchart** | Show trigger → action chains |\n| \"Track habit progress\" | **User journey** | Satisfaction scores across habit stages |\n| \"Visual routine chart\" | **Timeline** with sections | Color-coded daily schedule |\n\n### Systems & Processes\n\n| User Need | Best Diagram Type | When to Use |\n|-----------|------------------|-------------|\n| \"How does this system work?\" | **State diagram** | Show system states and transitions |\n| \"Process flow\" | **Flowchart** | Step-by-step procedures |\n| \"Data\u002Fresource flow\" | **Sankey diagram** | Visualize flow and distribution |\n| \"Relationships between entities\" | **ER diagram** or **Mindmap** | Show connections and structure |\n| \"Architecture\u002Fstructure\" | **Architecture diagram** (beta) | System components with icons |\n\n## Detailed Syntax Guide for Priority Types\n\n[Content continues with all the detailed syntax guides, troubleshooting, workflow sections, etc. from the original SKILL.md - truncating here to stay within reasonable length]\n\n## Playground Links and URL Encoding\n\nWhen providing links to edit Mermaid diagrams in online playgrounds (like https:\u002F\u002Fmermaid.live), you MUST properly URL-encode the diagram content, especially HTML entities like `\u003Cbr\u002F>` tags.\n\n### Common Issue: Broken `\u003Cbr\u002F>` Tags\n\nMermaid diagrams use `\u003Cbr\u002F>` for line breaks in node text. These MUST be encoded properly in URLs.\n\n**❌ BROKEN** (angle brackets not encoded):\n```\nhttps:\u002F\u002Fmermaid.live\u002Fedit#pako:flowchart TD\n    Start{Can decide\u003Cbr\u002F>in 3 seconds?}\n```\n\n**✅ CORRECT** (all characters properly encoded):\n```\nhttps:\u002F\u002Fmermaid.live\u002Fedit#pako:flowchart%20TD%0A%20%20%20%20Start%7BCan%20decide%3Cbr%2F%3Ein%203%20seconds%3F%7D\n```\n\n### URL Encoding Rules\n\n**IMPORTANT:** Despite earlier claims that \"Mermaid 11.12.1+ fixed \u003Cbr\u002F> encoding\", URL encoding is STILL REQUIRED for playground links to work correctly.\n\nUse Python's `urllib.parse.quote()` with `safe=''` to encode ALL special characters:\n\n```python\nimport urllib.parse\n\ndiagram = \"\"\"flowchart TD\n    Start{Can decide\u003Cbr\u002F>in 3 seconds?}\"\"\"\n\nencoded = urllib.parse.quote(diagram, safe='')\nurl = f\"https:\u002F\u002Fmermaid.live\u002Fedit#pako:{encoded}\"\n```\n\n#### Key encodings:\n- `\u003C` → `%3C`\n- `>` → `%3E`\n- `\u002F` → `%2F`\n- Space → `%20`\n- Newline → `%0A`\n- `{` → `%7B`\n- `}` → `%7D`\n\n### When Providing Playground Links\n\nAlways include properly encoded playground links in your diagram output:\n\n```markdown\n## ? Master Decision Flowchart\n\n[? Edit in Playground](https:\u002F\u002Fmermaid.live\u002Fedit#pako:{PROPERLY_ENCODED_DIAGRAM})\n\n\\`\\`\\`mermaid\n{DIAGRAM_CODE}\n\\`\\`\\`\n```\n\nThis allows users to:\n- View rendered diagrams online\n- Edit and customize diagrams\n- Share diagrams with collaborators\n- Access diagrams on mobile devices\n\n### Testing Links\n\nBefore providing a playground link, verify that:\n1. The URL opens without errors\n2. The diagram renders correctly\n3. All `\u003Cbr\u002F>` tags display as line breaks (not literal `\u003Cbr\u002F>` text)\n\nIf angle brackets appear as literal text in the rendered diagram, the URL encoding is broken.\n\n## Version History\n\n- **v3.1.1** (Current): Fixed URL encoding documentation error. Mermaid playground links STILL require proper encoding of HTML entities like `\u003Cbr\u002F>` tags. All previous features plus corrected documentation.\n- **v3.1**: Added colorblind-safe and monochrome accessibility modes with pattern-based differentiation. Mode system supports neurodivergent\u002Fneurotypical base modes combined with optional accessibility modes. Configuration file support for personalized defaults.\n- **v3.0**: Mode system (neurodivergent\u002Fneurotypical\u002Fauto-detect), configuration file support, enhanced accessibility features\n- **v2.0**: Comprehensive Mermaid 11.12.1 syntax, research-backed neurodivergent design principles, troubleshooting guide, expanded diagram types\n- **v1.0**: Initial release with basic patterns and reference files\n\n---\n\n## Quick Reference Card\n\n**When user says...** → **Use this diagram type**\n\n- \"I don't know where to start\" → Flowchart (decision tree)\n- \"This is overwhelming\" → Timeline or Gantt (break into phases)\n- \"I can't decide\" → Quadrant chart (Eisenhower Matrix)\n- \"What should I focus on?\" → Quadrant chart or Pie chart\n- \"Too many things\" → Kanban or State diagram\n- \"Time disappears\" → Timeline (make time visible)\n- \"No energy\" → Pie or Sankey (spoon theory)\n- \"How does this work?\" → State diagram or Flowchart\n- \"Build a habit\" → Flowchart (habit stacking) or User journey\n- \"Plan my day\" → Timeline or Gantt (time-blocked)\n\n#### Always:\n✅ Use calming colors (forest\u002Fneutral theme)\n✅ Limit to 3-5 chunks per section\n✅ Be compassionate and realistic\n✅ Validate with Mermaid tool\n✅ Provide usage instructions\n✅ Offer to save to Obsidian\n✅ Properly URL-encode playground links (REQUIRED for `\u003Cbr\u002F>` tags)\n\n#### Never:\n❌ Judgmental language (\"just\" or \"should\")\n❌ Unrealistic time estimates\n❌ Too many nodes\u002Felements\n❌ Bright clashing colors\n❌ Skip encouragement and validation\n❌ Provide unencoded playground links with `\u003Cbr\u002F>` tags\n\n## Overview\n\nCreates ADHD-friendly visual organizational tools using Mermaid diagrams optimized for neurodivergent thinking patterns.\n\n## Prerequisites\n\n- Access to the optimization environment or API\n- Required CLI tools installed and authenticated\n- Familiarity with optimization concepts and terminology\n\n## Instructions\n\n1. Assess the current state of the optimization configuration\n2. Identify the specific requirements and constraints\n3. Apply the recommended patterns from this skill\n4. Validate the changes against expected behavior\n5. Document the configuration for team reference\n\n## Output\n\n- Configuration files or code changes applied to the project\n- Validation report confirming correct implementation\n- Summary of changes made and their rationale\n\n## Error Handling\n\n| Error | Cause | Resolution |\n|-------|-------|------------|\n| Authentication failure | Invalid or expired credentials | Refresh tokens or re-authenticate with optimization |\n| Configuration conflict | Incompatible settings detected | Review and resolve conflicting parameters |\n| Resource not found | Referenced resource missing | Verify resource exists and permissions are correct |\n\n## Examples\n\n**Basic usage**: Apply neurodivergent visual org to a standard project setup with default configuration options.\n\n**Advanced scenario**: Customize neurodivergent visual org for production environments with multiple constraints and team-specific requirements.\n\n## Resources\n\n- Official optimization documentation\n- Community best practices and patterns\n- Related skills in this plugin pack",{"name":5,"author":43,"license":14,"version":44,"description":45,"allowed-tools":46,"compatible-with":47},"Jack Reis \u003Chello@jack.digital>","3.1.1","Creates ADHD-friendly visual organizational tools using Mermaid diagrams\noptimized for neurodivergent thinking patterns. Auto-detects overwhelm,\nprovides compassionate task breakdowns with realistic time estimates.\nUse when creating visual task breakdowns, decision trees, or organizational\ndiagrams for neurodivergent users or accessibility-focused projects. Trigger with 'neurodivergent', 'visual', 'org'.\n","Read, Write, Edit, Grep, Glob, Bash(cmd:*)","claude-code, codex, openclaw","master","3f5d983eb4ef375b749adcd6b07ec03bd82ae8a8","claude-code\u002Fplugins-plus-skills\u002Fplugins\u002Fproductivity\u002Fneurodivergent-visual-org\u002Fskills\u002Fneurodivergent-visual-org",0,"https:\u002F\u002Fgithub.com\u002Fmicsapp\u002Fmicstec-skills","https:\u002F\u002Fgithub.com\u002Fmicsapp","2026-03-20 11:24:18",{"source":8,"skillName":5,"commands":56,"prompt":66,"zipAvailable":67},[57,60,63],{"tool":58,"command":59},"npx","npx skills add micsapp\u002Fmicstec-skills --skill neurodivergent-visual-org",{"tool":61,"command":62},"bunx","bunx skills add micsapp\u002Fmicstec-skills --skill neurodivergent-visual-org",{"tool":64,"command":65},"pnpm","pnpm dlx skills add micsapp\u002Fmicstec-skills --skill neurodivergent-visual-org","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fmicsapp\u002Fmicstec-skills\u002Fblob\u002Fmaster\u002Fclaude-code\u002Fplugins-plus-skills\u002Fplugins\u002Fproductivity\u002Fneurodivergent-visual-org\u002Fskills\u002Fneurodivergent-visual-org\u002FSKILL.md",true,[],[70,107,136,157,177,201],{"skillNo":71,"name":72,"nameZh":6,"description":73,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":74,"categories":75,"keywords":86,"publishedAt":38},"01M6HBTJ02FXBFG9NYEHHYAP52","azure-apim-architecture","Analyzes and explains Azure API Management architecture decisions for enterprise API marketplace implementations using VNet Internal mode, Front Door, hybrid authentication, and multi-environment strategies. Use when discussing APIM component selection, network topology, cost optimization, or comparing alternatives like workspaces vs instances, VNet Internal vs External mode, or Front Door vs Application Gateway.","https:\u002F\u002Fgithub.com\u002Fmicsapp\u002Fmicstec-skills\u002Fblob\u002Fmaster\u002Fcopilot-cli\u002Fcopilot-agent-skills\u002F.github\u002Fskills\u002Fazure-apim-architecture\u002FSKILL.md",[76,81],{"categoryNo":77,"categoryName":78,"taxonomyType":79,"taxonomyTypeDesc":80},"01JBSEEDCAT000000000000010","后端与接口","SCENARIO","使用场景",{"categoryNo":82,"categoryName":83,"taxonomyType":84,"taxonomyTypeDesc":85},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106],"architecture","azure","azure apim architecture","component","authentication","gateway","topology","Optimization","network","api","team","environment","multi-environment","workspaces","instances","selection","strategies","azure api management","mode","for",{"skillNo":108,"name":109,"nameZh":6,"description":110,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":121,"publishedAt":38},"01M6HBT7J4H082JEEA670B3EQ9","apiops-deployment","Guides deployment of Azure API Management infrastructure using Infrastructure as Code (Bicep\u002FTerraform), CI\u002FCD pipelines (GitHub Actions\u002FAzure DevOps), and APIOps workflows. Use when deploying APIM, creating pipelines, or implementing dev→test→prod promotion strategies.","https:\u002F\u002Fgithub.com\u002Fmicsapp\u002Fmicstec-skills\u002Fblob\u002Fmaster\u002Fcopilot-cli\u002Fcopilot-agent-skills\u002F.github\u002Fskills\u002Fapiops-deployment\u002FSKILL.md",[113,114,117,120],{"categoryNo":77,"categoryName":78,"taxonomyType":79,"taxonomyTypeDesc":80},{"categoryNo":115,"categoryName":116,"taxonomyType":79,"taxonomyTypeDesc":80},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":118,"categoryName":119,"taxonomyType":79,"taxonomyTypeDesc":80},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":82,"categoryName":83,"taxonomyType":84,"taxonomyTypeDesc":85},[122,123,124,125,88,126,35,127,128,129,130,131,96,97,103,132,133,104,134,135],"deployment","apiops deployment","workflows","azure devops","infrastructure","infrastructure as code","actions","ci","github actions","github-actions","as","guides","CI\u002FCD","implementing",{"skillNo":137,"name":138,"nameZh":6,"description":139,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":140,"categories":141,"keywords":143,"publishedAt":38},"01M6HBT2HEA23THNE9E00GYQBE","apim-policy-authoring","Creates production-ready Azure API Management policy XML for authentication (OAuth 2.0, JWT validation, subscription keys), rate limiting, CORS configuration, error handling, and API transformations. Use when implementing API security, access control, or request\u002Fresponse processing logic.","https:\u002F\u002Fgithub.com\u002Fmicsapp\u002Fmicstec-skills\u002Fblob\u002Fmaster\u002Fcopilot-cli\u002Fcopilot-agent-skills\u002F.github\u002Fskills\u002Fapim-policy-authoring\u002FSKILL.md",[142],{"categoryNo":77,"categoryName":78,"taxonomyType":79,"taxonomyTypeDesc":80},[144,145,146,147,88,91,96,97,148,149,150,151,152,153,154,104,155,156,135,106],"policy","authoring","apim policy authoring","security","access","use","ready","api security","Access Control","error","processing","cors configuration","production-ready",{"skillNo":158,"name":159,"nameZh":6,"description":160,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":161,"categories":162,"keywords":165,"publishedAt":38},"01M6HBSY65SB29J9WE9KYD0K6T","api-security-review","Reviews Azure API Management configurations for security vulnerabilities, OWASP API Security Top 10 compliance, VNet Internal mode validation, Private Link verification, and Azure Security Benchmark alignment. Use when performing security audits, pre-deployment validation, or compliance reviews.","https:\u002F\u002Fgithub.com\u002Fmicsapp\u002Fmicstec-skills\u002Fblob\u002Fmaster\u002Fcopilot-cli\u002Fcopilot-agent-skills\u002F.github\u002Fskills\u002Fapi-security-review\u002FSKILL.md",[163,164],{"categoryNo":77,"categoryName":78,"taxonomyType":79,"taxonomyTypeDesc":80},{"categoryNo":82,"categoryName":83,"taxonomyType":84,"taxonomyTypeDesc":85},[166,147,167,96,151,168,88,122,169,170,171,172,97,173,104,174,175,176,105,106],"review","security review","api security review","benchmark","verification","owasp","owasp-api","alignment","azure security","reviews","top",{"skillNo":178,"name":179,"nameZh":6,"description":180,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":181,"categories":182,"keywords":183,"publishedAt":38},"01M6HBSRW4PDFE6K4F8JYPZQ05","jira-cli","Interact with Jira from the command line to create, list, view, edit, and transition issues, manage sprints and epics, and perform common Jira workflows. Use when the user asks about Jira tasks, tickets, issues, sprints, or needs to manage project work items.","https:\u002F\u002Fgithub.com\u002Fmicsapp\u002Fmicstec-skills\u002Fblob\u002Fmaster\u002Fcopilot-cli\u002Fawesome-copilot-agents\u002Fskills\u002Fjira-cli\u002FSKILL.md",[],[184,185,186,124,187,188,189,190,96,191,192,193,22,194,195,196,197,198,199,200],"cli","jira","jira cli","init","tasks","create","issues","common","work","command","list","view","project","project work","token","line","sprints",{"skillNo":202,"name":203,"nameZh":6,"description":204,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":205,"categories":206,"keywords":207,"publishedAt":38},"01M6HBSNS3JHMW603G47TWE31H","calculator","Performs arbitrary-precision arithmetic calculations including addition, subtraction, multiplication, division, and exponents. Use when the user asks to calculate, compute, or evaluate math expressions, or when precise decimal arithmetic is needed to avoid floating-point errors.","https:\u002F\u002Fgithub.com\u002Fmicsapp\u002Fmicstec-skills\u002Fblob\u002Fmaster\u002Fcopilot-cli\u002Fawesome-copilot-agents\u002Fskills\u002Fcalculator\u002FSKILL.md",[],[203,208,209,210,211,212,213,149,214,215],"npm","js","calculate","node","math","user","compute","errors"]