القائمة
The complete design decision algorithm: 3-question decision tree, SP-7 scoring, and skill-to-section mapping. Guides users to their optimal design option through interactive questioning.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
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.
استنادا إلى تصنيف SOC المهني
| name | design-algorithm |
| version | 0.2.0 |
| description | The complete design decision algorithm: 3-question decision tree, SP-7 scoring, and skill-to-section mapping. Guides users to their optimal design option through interactive questioning. |
| author | skill-stack-arch |
| tier | 3 |
| tags | ["algorithm","decision-tree","design","scoring","mapping"] |
| install | npx skills add skill-stack-arch/design-portal-skills --skill design-algorithm |
| dependencies | ["ui-ux-pro-max","framer-motion-animator","stack-prioritizer"] |
The complete design decision engine combining three interactive components:
Start → What is your primary design priority?
├─ Motion & Animation → How should motion express hierarchy?
│ ├─ Choreographed multi-tier → Kinetic Spatial (opt2)
│ └─ Organic, spring-based → The Autopoietic Canvas (opt1)
├─ Restraint & Precision → What level of animation?
│ ├─ Max 3 types per page → Chromatic Minimal (opt3)
│ └─ Mechanical, step-based → Neo-Industrial (opt5)
├─ Spatial Depth → How should depth express on mobile?
│ ├─ Reduced 2-3 layers with parallax → Glass Depth (opt4)
│ └─ Snap-lock with visible grids → Neo-Industrial (opt5)
├─ Raw Power → What visual language conveys authority?
│ ├─ Monospace + safety-color accents → Neo-Industrial (opt5)
│ └─ Depth-driven premium surfaces → Glass Depth (opt4)
└─ Self-Evolution → How should the system evolve?
├─ Autonomous iterative loops → The Autopoietic Canvas (opt1)
└─ Choreographed animation sequences → Kinetic Spatial (opt2)
| Section | Dominant Skill | SP-7 Score |
|---|---|---|
| Hero / Masthead | Stitch Loop | 24.5 |
| Executive Summary | UI/UX Pro Max | 17.7 |
| Skill Registry | shadcn/ui | 18.0 |
| SP-7 Algorithm | Design Algorithm | 22.5 |
| Design Options 1-5 | Various | 17.7-28.5 |
| Comparative Analysis | Matrix Engine | 24.5 |
| Implementation Blueprint | shadcn + Mermaid | 18.5 |
| AI Portal Gateway | AI Portal Redirect | 21.0 |
src/components/DecisionTree.tsx (Section 09)src/components/DesignAlgorithm.tsx (Section 02)src/components/SectionMapping.tsx (Section 10)src/lib/skill-data.ts