메뉴
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 페이지를 검토하고 설치를 진행할 수 있습니다.
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 | 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