pluidr 0.7.6 → 0.8.1

package/src/templates/skills/ui-design-system/SKILL.md

@@ -0,0 +1,37 @@
+---
+name: ui-design-system
+description: Playbook and guidelines for creating visually rich, innovative, and modern user interfaces (design system, spacing, typography, and micro-interactions).
+---
+
+# UI Design System & Guidelines
+
+## 1. Typography & Hierarchy
+- **Primary Font**: Use modern, clean typography (e.g., from Google Fonts like `Inter` for body/ui elements and `Outfit` or `Space Grotesk` for headings).
+- **Scale**:
+  - Headings (`h1`, `h2`): Semibold/Bold, tighter line-height (`1.2`), tracking tight.
+  - Body: Regular, line-height `1.5` or `1.6`, tracking normal.
+  - Labels/Buttons: Medium, uppercase or medium weight, tracking wide.
+
+## 2. Spacing & Grid System
+- **Spacing Scale**: Enforce a strict spacing scale based on multiples of 4px/8px (e.g., Tailwind's `p-2`, `p-4`, `p-6`, `p-8` scales). Never use random "magic numbers" for margins or padding.
+- **Grids & Flexbox**: Always align elements using responsive flexbox or grid layouts. Center content cleanly, keep columns proportional, and ensure proper padding at container edges.
+
+## 3. Visual Depth & Aesthetics
+- **Elevations & Depth**: Use subtle border strokes (e.g. `rgba(255,255,255,0.08)` in dark mode) paired with soft shadows to define elevation.
+- **Gradients**: Utilize smooth, harmonious color gradients for key accent elements, headers, and call-to-action buttons.
+- **Glassmorphism**: When creating modern panels or modals, prefer semi-transparent backgrounds with background blur (e.g., `backdrop-filter: blur(12px)`).
+- **Color Accents**: Avoid primary saturated primaries (e.g., plain `#ff0000`, `#0000ff`). Use tailored palettes (e.g. HSL tailored neon/pastel gradients, sleek slate/charcoal backgrounds).
+
+## 4. Micro-Interactions & Transitions
+- **Interactive States**: Every interactive element (buttons, cards, inputs) must have explicit `:hover`, `:focus-visible`, and `:active` styles.
+- **Transitions**: Apply smooth transition effects (`transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1)`) to avoid sudden visual snapping on hover or state change.
+
+## 5. Mobile-First Responsiveness
+- Start layouts mobile-first. Apply breakpoint prefixes (`sm:`, `md:`, `lg:`) to scale grids, font sizes, and container widths gracefully to desktop viewports.
+
+## 6. Mockup & Prototype Delivery Protocol
+When tasked with generating a visual layout, mockup, or interface prototype:
+- **No ASCII Drawing**: Do not output textual ASCII grids or drawings.
+- **Self-Contained File**: Generate a complete, valid HTML5 file.
+- **Embedded CSS**: Include a `<style>` block containing fonts (Inter/Outfit), layout variables, component styles, states (:hover, :focus), and smooth transition curves.
+- **Embedded JS**: Include a `<script>` block implementing DOM interactions (tab switching, theme toggles, modal open/close) so it works as a fully responsive, interactive live prototype.

package/src/templates/{agent-prompts/tracer.txt → skills/wstg-recon/SKILL.md}

@@ -1,33 +1,33 @@
-# Role: Tracer Subagent
-
-You are the **Tracer** subagent for the **Prober** agent. You perform attack surface reconnaissance and trace vulnerability paths through code analysis and tooling.
-
-## Scope of Work
-- Scan the directory structure and codebase to identify potential entry points, routes, API endpoints, and security weaknesses.
-- Perform a breadth-first assessment: map outer interfaces and entry points before analyzing deep business logic.
-- Trace data flows from untrusted inputs to dangerous sinks (e.g., raw SQL query calls, shell execution points, eval functions).
-- Guide your checks using WSTG (Web Security Testing Guide) methodologies and secure code review practices.
-
-## Tracer MUST NOT
-- Propose remedies, write code fixes, or modify files.
-- Decide remediation priorities.
-
-## Tracer MUST ONLY
-- Read files, run bash commands (recon/grep/ast tools), search directories.
-- Classify findings strictly into the target output format.
-
-## Output Format
-Your output must be structured exactly as follows:
-
-```markdown
-### Confirmed Vulnerabilities
-1. **[OWASP Category / WSTG ID]** Description of vulnerability path.
-   - **Location:** [file path & line numbers]
-   - **Data Flow:** [input -> path -> sink]
-
-### Suspected Vulnerabilities
-- List potential issues requiring manual verification.
-
-### Quality & Decay Risks
-- List security-adjacent decay risks (e.g., hardcoded secrets, missing input validation rules, lack of trust boundaries).
-```
+---
+name: wstg-recon
+description: Scan project directory structure, map attack surfaces, and trace vulnerability data-flow paths using secure code review and WSTG principles.
+---
+
+# WSTG Threat Model & Vulnerability Tracing
+
+## Scope of Work
+- Scan the directory structure and codebase to identify potential entry points, routes, API endpoints, and security weaknesses.
+- Perform a breadth-first assessment: map outer interfaces and entry points before analyzing deep business logic.
+- Trace data flows from untrusted inputs to dangerous sinks (e.g., raw SQL query calls, shell execution points, eval functions).
+- Guide your checks using WSTG (Web Security Testing Guide) methodologies and secure code review practices.
+
+## Hard Rules
+- Focus on locating vulnerability paths. Do NOT propose remedies, write code fixes, or modify files.
+- Do NOT decide remediation priorities.
+- Classify findings strictly into the target output format.
+
+## Mandatory Output Schema
+Your output must be structured exactly as follows:
+
+```markdown
+### Confirmed Vulnerabilities
+1. **[OWASP Category / WSTG ID]** Description of vulnerability path.
+   - **Location:** [file path & line numbers]
+   - **Data Flow:** [input -> path -> sink]
+
+### Suspected Vulnerabilities
+- List potential issues requiring manual verification.
+
+### Quality & Decay Risks
+- List security-adjacent decay risks (e.g., hardcoded secrets, missing input validation rules, lack of trust boundaries).
+```

package/src/templates/themes/pluidr-colorful.json

@@ -0,0 +1,241 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "theme": {
+    "primary": {
+      "dark": "#EAB9F9",
+      "light": "#8b5cf6"
+    },
+    "secondary": {
+      "dark": "#8EE4F9",
+      "light": "#06b6d4"
+    },
+    "accent": {
+      "dark": "#EAB9F9",
+      "light": "#8b5cf6"
+    },
+    "error": {
+      "dark": "#F47189",
+      "light": "#ef4444"
+    },
+    "warning": {
+      "dark": "#FF9A6B",
+      "light": "#f59e0b"
+    },
+    "success": {
+      "dark": "#7CF89B",
+      "light": "#10b981"
+    },
+    "info": {
+      "dark": "#80BDFF",
+      "light": "#3b82f6"
+    },
+    "text": {
+      "dark": "#EDE7FE",
+      "light": "#1e1b4b"
+    },
+    "textMuted": {
+      "dark": "#A79BCF",
+      "light": "#6366f1"
+    },
+    "background": {
+      "dark": "#25213B",
+      "light": "#fcfbfe"
+    },
+    "backgroundPanel": {
+      "dark": "#3B355F",
+      "light": "#f3f0ff"
+    },
+    "backgroundElement": {
+      "dark": "#3B355F",
+      "light": "#e8e2fe"
+    },
+    "border": {
+      "dark": "#4C425C",
+      "light": "#ddd6fe"
+    },
+    "borderActive": {
+      "dark": "#8876A7",
+      "light": "#8b5cf6"
+    },
+    "borderSubtle": {
+      "dark": "#4C425C",
+      "light": "#e8e2fe"
+    },
+    "diffAdded": {
+      "dark": "#8BF9A6",
+      "light": "#10b981"
+    },
+    "diffRemoved": {
+      "dark": "#F58095",
+      "light": "#ef4444"
+    },
+    "diffContext": {
+      "dark": "#8FC5FF",
+      "light": "#6366f1"
+    },
+    "diffAddedBg": {
+      "dark": "#2E3548",
+      "light": "#ecfdf5"
+    },
+    "diffRemovedBg": {
+      "dark": "#3D2D49",
+      "light": "#fef2f2"
+    },
+    "diffContextBg": {
+      "dark": "#2D2B69",
+      "light": "#f5f3ff"
+    },
+    "markdownText": {
+      "dark": "#EEE5FF",
+      "light": "#1e1b4b"
+    },
+    "markdownHeading": {
+      "dark": "#D5C2FF",
+      "light": "#6d28d9"
+    },
+    "markdownLink": {
+      "dark": "#9EA8FF",
+      "light": "#06b6d4"
+    },
+    "markdownLinkText": {
+      "dark": "#9EA8FF",
+      "light": "#06b6d4"
+    },
+    "markdownCode": {
+      "dark": "#A79BCF",
+      "light": "#4f46e5"
+    },
+    "markdownBlockQuote": {
+      "dark": "#9EA8FF",
+      "light": "#4f46e5"
+    },
+    "markdownStrong": {
+      "dark": "#FFD68F",
+      "light": "#8b5cf6"
+    },
+    "syntaxComment": {
+      "dark": "#7E7490",
+      "light": "#8b8599"
+    },
+    "syntaxKeyword": {
+      "dark": "#F9A4E2",
+      "light": "#d946ef"
+    },
+    "syntaxFunction": {
+      "dark": "#8EE4F9",
+      "light": "#06b6d4"
+    },
+    "syntaxVariable": {
+      "dark": "#EBEBFF",
+      "light": "#1e1b4b"
+    },
+    "syntaxString": {
+      "dark": "#D3F9B9",
+      "light": "#10b981"
+    },
+    "syntaxNumber": {
+      "dark": "#F9DEB9",
+      "light": "#f59e0b"
+    },
+    "syntaxType": {
+      "dark": "#8FA9FF",
+      "light": "#4f46e5"
+    },
+    "syntaxOperator": {
+      "dark": "#BDA5EE",
+      "light": "#8b5cf6"
+    },
+    "syntaxPunctuation": {
+      "dark": "#AFAFDF",
+      "light": "#4f46e5"
+    },
+    "inputBackground": {
+      "dark": "#000000",
+      "light": "#ffffff"
+    },
+    "InputBorder": {
+      "dark": "#101520",
+      "light": "#ddd6fe"
+    },
+    "InputBorderActive": {
+      "dark": "#ff7039",
+      "light": "#8b5cf6"
+    },
+    "inputPrompt": {
+      "dark": "#ff7039",
+      "light": "#8b5cf6"
+    },
+    "inputCursor": {
+      "dark": "#ff7039",
+      "light": "#8b5cf6"
+    },
+    "inputText": {
+      "dark": "#ffffff",
+      "light": "#1e1b4b"
+    },
+    "backgroundMenu": {
+      "dark": "#463E6F",
+      "light": "#f3f0ff"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#364D54",
+      "light": "#d1fae5"
+    },
+    "diffHighlightAdded": {
+      "dark": "#8BF9A6",
+      "light": "#10b981"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#F58095",
+      "light": "#ef4444"
+    },
+    "diffHunkHeader": {
+      "dark": "#DED3FD",
+      "light": "#6d28d9"
+    },
+    "diffLineNumber": {
+      "dark": "#8876A7",
+      "light": "#8b8599"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#503253",
+      "light": "#fee2e2"
+    },
+    "markdownCodeBlock": {
+      "dark": "#A79BCF",
+      "light": "#f3f0ff"
+    },
+    "markdownEmph": {
+      "dark": "#9EA8FF",
+      "light": "#db2777"
+    },
+    "markdownHorizontalRule": {
+      "dark": "#676798",
+      "light": "#ddd6fe"
+    },
+    "markdownImage": {
+      "dark": "#9EA8FF",
+      "light": "#db2777"
+    },
+    "markdownImageText": {
+      "dark": "#9EA8FF",
+      "light": "#db2777"
+    },
+    "markdownListEnumeration": {
+      "dark": "#CECEF8",
+      "light": "#6d28d9"
+    },
+    "markdownListItem": {
+      "dark": "#CECEF8",
+      "light": "#1e1b4b"
+    },
+    "placeholderText": {
+      "dark": "#7E7490",
+      "light": "#8b8599"
+    },
+    "selectedListItemText": {
+      "dark": "#EDE7FE",
+      "light": "#1e1b4b"
+    }
+  }
+}

package/src/templates/themes/{pluidr-contrast.json → pluidr-dark.json}

@@ -2,40 +2,40 @@
   "$schema": "https://opencode.ai/theme.json",
   "theme": {
     "primary": {
-      "dark": "#ff7039",
-      "light": "#ff7039"
+      "dark": "#00ffff",
+      "light": "#00ffff"
     },
     "secondary": {
-      "dark": "#99f3ff",
-      "light": "#99f3ff"
+      "dark": "#ff00ff",
+      "light": "#ff00ff"
     },
     "accent": {
-      "dark": "#ff7039",
-      "light": "#ff7039"
+      "dark": "#00ffff",
+      "light": "#00ffff"
     },
     "error": {
-      "dark": "#fc5d7c",
-      "light": "#fc5d7c"
+      "dark": "#ff0000",
+      "light": "#ff0000"
     },
     "warning": {
-      "dark": "#ff669c",
-      "light": "#ff669c"
+      "dark": "#ffcc00",
+      "light": "#ffcc00"
     },
     "success": {
-      "dark": "#00cc76",
-      "light": "#00cc76"
+      "dark": "#00ff00",
+      "light": "#00ff00"
     },
     "info": {
-      "dark": "#00b4cc",
-      "light": "#00b4cc"
+      "dark": "#00ffff",
+      "light": "#00ffff"
     },
     "text": {
       "dark": "#ffffff",
       "light": "#ffffff"
     },
     "textMuted": {
-      "dark": "#888888",
-      "light": "#888888"
+      "dark": "#7c7c7c",
+      "light": "#7c7c7c"
     },
     "background": {
       "dark": "#000000",
@@ -50,36 +50,36 @@
       "light": "#000000"
     },
     "border": {
-      "dark": "#101520",
-      "light": "#101520"
+      "dark": "#ffffff",
+      "light": "#ffffff"
     },
     "borderActive": {
-      "dark": "#ff7039",
-      "light": "#ff7039"
+      "dark": "#00ffff",
+      "light": "#00ffff"
     },
     "borderSubtle": {
-      "dark": "#101520",
-      "light": "#101520"
+      "dark": "#7c7c7c",
+      "light": "#7c7c7c"
     },
     "diffAdded": {
-      "dark": "#00cc76",
-      "light": "#00cc76"
+      "dark": "#00ff00",
+      "light": "#00ff00"
     },
     "diffRemoved": {
-      "dark": "#fc5d7c",
-      "light": "#fc5d7c"
+      "dark": "#ff0000",
+      "light": "#ff0000"
     },
     "diffContext": {
-      "dark": "#888888",
-      "light": "#888888"
+      "dark": "#7c7c7c",
+      "light": "#7c7c7c"
     },
     "diffAddedBg": {
-      "dark": "#1a2618",
-      "light": "#1a2618"
+      "dark": "#002200",
+      "light": "#002200"
     },
     "diffRemovedBg": {
-      "dark": "#2a1a1a",
-      "light": "#2a1a1a"
+      "dark": "#220000",
+      "light": "#220000"
     },
     "diffContextBg": {
       "dark": "#000000",
@@ -90,60 +90,60 @@
       "light": "#ffffff"
     },
     "markdownHeading": {
-      "dark": "#ff669c",
-      "light": "#ff669c"
+      "dark": "#00ffff",
+      "light": "#00ffff"
     },
     "markdownLink": {
-      "dark": "#99f3ff",
-      "light": "#99f3ff"
+      "dark": "#ff00ff",
+      "light": "#ff00ff"
     },
     "markdownLinkText": {
-      "dark": "#ff7039",
-      "light": "#ff7039"
+      "dark": "#00ffff",
+      "light": "#00ffff"
     },
     "markdownCode": {
-      "dark": "#66ffbf",
-      "light": "#66ffbf"
+      "dark": "#00ff00",
+      "light": "#00ff00"
     },
     "markdownBlockQuote": {
-      "dark": "#888888",
-      "light": "#888888"
+      "dark": "#7c7c7c",
+      "light": "#7c7c7c"
     },
     "markdownStrong": {
-      "dark": "#ff7039",
-      "light": "#ff7039"
+      "dark": "#00ffff",
+      "light": "#00ffff"
     },
     "syntaxComment": {
-      "dark": "#888888",
-      "light": "#888888"
+      "dark": "#7ca668",
+      "light": "#7ca668"
     },
     "syntaxKeyword": {
-      "dark": "#ff669c",
-      "light": "#ff669c"
+      "dark": "#569cd6",
+      "light": "#569cd6"
     },
     "syntaxFunction": {
-      "dark": "#00b4cc",
-      "light": "#00b4cc"
+      "dark": "#dcdcaa",
+      "light": "#dcdcaa"
     },
     "syntaxVariable": {
-      "dark": "#ffb966",
-      "light": "#ffb966"
+      "dark": "#9cdcfe",
+      "light": "#9cdcfe"
     },
     "syntaxString": {
-      "dark": "#66ffbf",
-      "light": "#66ffbf"
+      "dark": "#ce9178",
+      "light": "#ce9178"
     },
     "syntaxNumber": {
-      "dark": "#a000ff",
-      "light": "#a000ff"
+      "dark": "#b5cea8",
+      "light": "#b5cea8"
     },
     "syntaxType": {
-      "dark": "#99f3ff",
-      "light": "#99f3ff"
+      "dark": "#4ec9b0",
+      "light": "#4ec9b0"
     },
     "syntaxOperator": {
-      "dark": "#ff669c",
-      "light": "#ff669c"
+      "dark": "#ffffff",
+      "light": "#ffffff"
     },
     "syntaxPunctuation": {
       "dark": "#ffffff",
@@ -154,20 +154,20 @@
       "light": "#000000"
     },
     "InputBorder": {
-      "dark": "#101520",
-      "light": "#101520"
+      "dark": "#ffffff",
+      "light": "#ffffff"
     },
     "InputBorderActive": {
-      "dark": "#ff7039",
-      "light": "#ff7039"
+      "dark": "#00ffff",
+      "light": "#00ffff"
     },
     "inputPrompt": {
-      "dark": "#ff7039",
-      "light": "#ff7039"
+      "dark": "#00ffff",
+      "light": "#00ffff"
     },
     "inputCursor": {
-      "dark": "#ff7039",
-      "light": "#ff7039"
+      "dark": "#00ffff",
+      "light": "#00ffff"
     },
     "inputText": {
       "dark": "#ffffff",