メニュー
Comparative matrix rendering engine with radar chart overlay, interactive option toggles, and switchable table/chart views. Powers the Comparative Analysis section.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Unified multi-agent role system. Covers Builder, Coder, Council, Orchestrator, Plan, Researcher, Reviewer, and Scribe personas. Use when coordinating multi-agent workflows with MECE principle and role delegation.
Headless and headful browser automation with natural language control. Saves tokens by delegating all Playwright logic to a dedicated browser automation layer.
Creates iterative improvement cycles that feed deployment metrics and product feedback back into research for the next iteration. Use to close the loop from Zero-to-Revenue workflow and enable continuous product improvement.
Simple hello-world task for demonstrating the SKILL workflow. Returns a deterministic ASCII hello message with timestamp. Use for testing skill activation and validation.
Automatically syncs the system prompt (AGENTS.md) across all git repositories when a new version tag is created. Use to eliminate manual prompt propagation after updates.
16-skill, 4-tier, 5-option interactive web architecture with SP-7 scoring algorithm, AI portal gateway, and editorial design system. Every component is also an installable skill.
| name | matrix-engine |
| version | 0.2.0 |
| description | Comparative matrix rendering engine with radar chart overlay, interactive option toggles, and switchable table/chart views. Powers the Comparative Analysis section. |
| author | skill-stack-arch |
| tier | 3 |
| tags | ["matrix","comparison","radar","chart","visualization","recharts"] |
| install | npx skills add skill-stack-arch/design-portal-skills --skill matrix-engine |
| dependencies | ["ui-ux-pro-max","framer-motion-animator","antv-chart-viz"] |
Renders the comparative analysis section with dual views: an interactive radar chart overlay and a detailed matrix comparison table. Users can toggle individual options on/off to isolate and compare design philosophies.
ssr: false to avoid Recharts SSR warning| Option | Color |
|---|---|
| Autopoietic Canvas | #C23616 (Vermillion) |
| Kinetic Spatial | #2C3E50 (Dark Blue) |
| Chromatic Minimal | #6B6B6B (Muted) |
| Glass Depth | #5B7B6F (Sage) |
| Neo-Industrial | #8B7355 (Warm Brown) |
src/components/ComparativeAnalysis.tsx (main)src/components/RadarChartWidget.tsx (Recharts radar)#comparativesrc/lib/skill-data.ts → comparisonMatrix, options