القائمة
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