# Skill Mapping Reference

> Master index mapping the skills library to the 23 Zeoel sub-agents.
> Each agent gets curated, relevant skills.
> ⭐ marks the agent's primary/most-used skills.

---

## Orchestration

### Gohar (CEO / Orchestrator)
- `zeoel` ⭐
- `zeoel-saas-architect` ⭐
- `zeoel-codebase-knowledge`
- `plan-orchestrate`
- `best-practice`
- `coding-standards`
- `architecture-decision-records`
- `git-workflow`
- `project-flow-ops`
- `repo-scan`
- `codebase-onboarding`
- `strategic-compact`

---

## Design & Visual

### Mahdi (Product Designer — SEO-First)
- `frontend-design` ⭐
- `seo` ⭐
- `frontend-design-direction`
- `design-system`
- `design-auditor`
- `mobile-app-design`
- `mobile-app-ui-design`
- `make-interfaces-feel-better`
- `canvas-design`
- `brand-guidelines`
- `brand-voice`
- `nothing-design`
- `liquid-glass-design`
- `click-path-audit`
- `accessibility`

### Mustafa (Visual/Art Director — 3D, GSAP, Premium Styling)

**Core Design**
- `frontend-design` ⭐
- `ui-ux-pro-max` ⭐
- `modern-web-design` ⭐
- `micro-interactions` ⭐
- `design-auditor` ⭐
- `shadcn-ui-patterns`
- `css-container-queries`
- `theme-factory`
- `design-system`
- `ui-demo`
- `brand-guidelines`
- `liquid-glass-design`
- `nothing-design`
- `canvas-design`
- `frontend-slides`

**3D & WebGL**
- `threejs-webgl` ⭐
- `react-three-fiber`
- `lightweight-3d-effects`
- `spline-interactive`
- `babylonjs-engine`
- `pixijs-2d`

**Animation & Motion**
- `gsap-scrolltrigger` ⭐
- `motion-framer` ⭐
- `animejs`
- `motion-foundations`
- `motion-advanced`
- `motion-patterns`
- `motion-ui`
- `scroll-reveal-libraries`
- `locomotive-scroll`
- `barba-js`
- `lottie-animations`
- `rive-interactive`
- `react-spring-physics`
- `animated-component-libraries`

---

## Engineering

### Karar (Senior Frontend Engineer — Next.js, shadcn, 3D, GSAP, SEO)

**Core Framework**
- `nextjs-turbopack` ⭐
- `frontend-patterns`
- `frontend-design` ⭐
- `seo` ⭐
- `vite-patterns`
- `error-handling`

**Premium UI & Design System**
- `ui-ux-pro-max` ⭐
- `shadcn-ui-patterns` ⭐
- `radix-ui-primitives`
- `tailwindcss-v4`
- `modern-web-design`
- `theme-factory`
- `design-system`
- `design-auditor`
- `ui-demo`
- `liquid-glass-design`
- `nothing-design`
- `canvas-design`
- `micro-interactions`
- `css-container-queries`
- `view-transitions-api`

**3D & WebGL**
- `threejs-webgl` ⭐
- `react-three-fiber`
- `lightweight-3d-effects`
- `spline-interactive`

**Animation & Motion**
- `gsap-scrolltrigger` ⭐
- `motion-framer`
- `animejs`
- `motion-foundations`
- `motion-advanced`
- `motion-patterns`
- `motion-ui`
- `scroll-reveal-libraries`
- `locomotive-scroll`
- `barba-js`
- `lottie-animations`

**Testing**
- `e2e-testing`
- `webapp-testing`
- `tdd-workflow`

---

## Frontend Specialists

### Hassan (Bootstrap UI Architect — Bootstrap 5, SCSS, Premium Dashboards)

**Core Framework**
- `bootstrap-patterns` ⭐
- `frontend-design` ⭐
- `ui-ux-pro-max` ⭐
- `modern-web-design`
- `vite-patterns`
- `error-handling`

**Design System**
- `design-system`
- `design-tokens-system`
- `theme-factory`
- `micro-interactions`
- `accessibility` ⭐
- `liquid-glass-design`

**Animation & Motion**
- `gsap-scrolltrigger`
- `motion-framer`
- `scroll-reveal-libraries`
- `lottie-animations`
- `motion-foundations`

**Testing**
- `e2e-testing`
- `webapp-testing` ⭐
- `tdd-workflow`

### Noor (shadcn/UI & Radix Specialist — Component Systems, Accessibility)

**Core Component Stack**
- `shadcn-ui-patterns` ⭐
- `radix-ui-primitives` ⭐
- `tailwindcss-v4` ⭐
- `ui-ux-pro-max` ⭐
- `frontend-design` ⭐
- `error-handling`

**Design System**
- `modern-web-design`
- `design-system`
- `design-tokens-system`
- `theme-factory`
- `liquid-glass-design`
- `nothing-design`
- `canvas-design`

**Accessibility**
- `accessibility` ⭐
- `micro-interactions`
- `design-auditor`

**Animation**
- `motion-framer`
- `animejs`
- `lottie-animations`
- `motion-ui`

**Testing**
- `e2e-testing`
- `webapp-testing` ⭐
- `tdd-workflow`

### Anas (React UI Craftsman — React 19, Vite, Interactive UIs)

**Core Framework**
- `vite-patterns` ⭐
- `frontend-design` ⭐
- `ui-ux-pro-max` ⭐
- `modern-web-design` ⭐
- `caveman` ⭐
- `graphify` ⭐
- `frontend-patterns`
- `error-handling`

**Premium UI**
- `shadcn-ui-patterns`
- `radix-ui-primitives`
- `tailwindcss-v4` ⭐
- `design-system`
- `design-tokens-system`
- `theme-factory`
- `micro-interactions`
- `liquid-glass-design`
- `nothing-design`
- `canvas-design`

**3D (Lightweight)**
- `lightweight-3d-effects`
- `react-three-fiber`
- `react-spring-physics`

**Animation & Motion**
- `gsap-scrolltrigger` ⭐
- `motion-framer` ⭐
- `animejs`
- `motion-foundations`
- `motion-advanced`
- `motion-patterns`
- `motion-ui`
- `scroll-reveal-libraries`
- `locomotive-scroll`
- `lottie-animations`
- `animated-component-libraries`

**Testing**
- `e2e-testing`
- `webapp-testing` ⭐
- `tdd-workflow`

### Amina (Vue/Nuxt Frontend Architect — Vue 3, Nuxt 4, SSR)

**Core Framework**
- `vue3-composition-patterns` ⭐
- `nuxt4-patterns` ⭐
- `vite-patterns` ⭐
- `frontend-design` ⭐
- `ui-ux-pro-max` ⭐
- `frontend-patterns`
- `error-handling`

**Premium UI**
- `tailwindcss-v4` ⭐
- `modern-web-design`
- `design-system`
- `design-tokens-system`
- `theme-factory`
- `micro-interactions`
- `liquid-glass-design`
- `nothing-design`

**SEO & Accessibility**
- `seo` ⭐
- `accessibility`
- `design-auditor`

**Vue Ecosystem**
- `ui-to-vue`

**Animation & Motion**
- `gsap-scrolltrigger` ⭐
- `motion-framer`
- `animejs`
- `scroll-reveal-libraries`
- `motion-foundations`
- `motion-patterns`
- `lottie-animations`

**Testing**
- `e2e-testing`
- `webapp-testing` ⭐
- `tdd-workflow`

### Hasan (Pixel-Perfect CSS Engineer — CSS Grid, Container Queries, View Transitions)

**Core CSS Mastery**
- `css-container-queries` ⭐
- `tailwindcss-v4` ⭐
- `modern-web-design` ⭐
- `frontend-design` ⭐
- `ui-ux-pro-max` ⭐
- `view-transitions-api` ⭐
- `micro-interactions` ⭐
- `error-handling`

**Design System**
- `design-system`
- `design-tokens-system`
- `theme-factory`
- `design-auditor` ⭐
- `liquid-glass-design`
- `nothing-design`
- `canvas-design`

**Accessibility**
- `accessibility` ⭐

**Animation & Motion**
- `gsap-scrolltrigger`
- `motion-framer`
- `locomotive-scroll`
- `scroll-reveal-libraries`
- `motion-foundations`
- `motion-patterns`
- `motion-ui`
- `lottie-animations`

**Testing**
- `e2e-testing`
- `webapp-testing` ⭐
- `tdd-workflow`

---

### Tariq (Backend Engineer — Laravel & PostgreSQL SaaS)
- `laravel-patterns` ⭐
- `laravel-security` ⭐
- `laravel-tdd`
- `laravel-verification`
- `laravel-plugin-discovery`
- `postgres-patterns` ⭐
- `mysql-patterns`
- `redis-patterns`
- `prisma-patterns`
- `api-design` ⭐
- `api-connector-builder`
- `database-migrations`
- `backend-patterns`
- `hexagonal-architecture`
- `nestjs-patterns`
- `docker-patterns`
- `security-review` ⭐
- `gateguard`
- `production-audit`

---

## Specialized SaaS Agents

### Zara (Content & SEO Specialist)
- `seo` ⭐
- `brand-voice`
- `brand-guidelines`
- `frontend-design`
- `click-path-audit`
- `accessibility`
- `product-lens`
- `product-capability`

### Abdullah (Mobile Developer — Flutter)
- `dart-flutter-patterns` ⭐
- `flutter-dart-code-review` ⭐
- `mobile-app-design` ⭐
- `mobile-app-ui-design`
- `api-connector-builder`
- `frontend-patterns`
- `e2e-testing`
- `tdd-workflow`
- `error-handling`
- `motion-foundations`
- `compose-multiplatform-patterns`

### Zayd (React Native Specialist — Expo & Native Bridging)
- `react-native-best-practices` ⭐
- `react-native-brownfield-migration` ⭐
- `upgrading-react-native` ⭐
- `mobile-app-design`
- `mobile-app-ui-design`
- `frontend-patterns`
- `test-driven-development` ⭐

### Fatima (Data & ML Engineer)
- `postgres-patterns` ⭐
- `python-patterns` ⭐
- `python-testing`
- `mle-workflow` ⭐
- `pytorch-patterns`
- `database-migrations`
- `mysql-patterns`
- `benchmark`
- `data-scraper-agent`
- `production-audit`
- `redis-patterns`
- `deep-research`
- `dashboard-builder`
- `recsys-pipeline-architect`

---

## Support Agents

### Gohar — Python (Python & Automation)
- `python-patterns` ⭐
- `python-testing` ⭐
- `fastapi-patterns`
- `django-patterns`
- `django-security`
- `django-tdd`
- `django-celery`
- `mle-workflow` ⭐
- `pytorch-patterns`
- `data-scraper-agent`
- `automation-audit-ops`
- `benchmark`
- `deep-research`
- `cost-aware-llm-pipeline`

### Muhammad (QA Engineer)
- `e2e-testing` ⭐
- `webapp-testing` ⭐
- `tdd-workflow`
- `verification-loop`
- `browser-qa`
- `ai-regression-testing`
- `laravel-tdd`
- `laravel-verification`
- `flutter-dart-code-review`
- `production-audit`
- `benchmark`
- `security-scan`
- `plankton-code-quality`
- `click-path-audit`
- `coding-standards`

### Sajjad (Debugger & Performance Specialist)
- `agent-introspection-debugging` ⭐
- `error-handling` ⭐
- `verification-loop`
- `browser-qa`
- `production-audit`
- `benchmark` ⭐
- `postgres-patterns`
- `redis-patterns`
- `plankton-code-quality`
- `coding-standards`
- `security-scan`
- `best-practice`
- `architecture-decision-records`
- `laravel-verification`
- `laravel-tdd`
- `webapp-testing`
- `e2e-testing`
- `flutter-dart-code-review`

### Baqir (Documentation & API Specialist)
- `zeoel-codebase-knowledge` ⭐
- `codebase-onboarding` ⭐
- `api-design` ⭐
- `api-connector-builder`
- `coding-standards`
- `architecture-decision-records`
- `article-writing`
- `content-engine`
- `changelog-generator`
- `repo-scan`
- `brand-voice`
- `product-capability`
- `product-lens`

### Ali (DevOps & Security Engineer)
- `deployment-patterns` ⭐
- `docker-patterns` ⭐
- `github-ops`
- `git-workflow`
- `security-review` ⭐
- `security-scan`
- `security-bounty-hunter`
- `zeoel-security` ⭐
- `production-audit`
- `development-workflows`
- `dmux-workflows`
- `repo-scan`
- `codebase-onboarding`
- `zeoel-codebase-knowledge`
- `canary-watch`
- `gateguard`

### Hamid (Senior Cybersecurity & Red Team Auditor)
- `claude-red` ⭐
- `trailofbits-auditing` ⭐
- `security-review` ⭐
- `security-scan`
- `waza-habits`
- `test-driven-development` ⭐

### Farhan (Growth Hacker & Performance Marketer)
- `growth-marketing` ⭐
- `seo-growth` ⭐
- `seo` ⭐
- `waza-habits`
- `test-driven-development` ⭐

### Taha (McKinsey Presentation & Pitch Designer)
- `ppt-mckinsey` ⭐
- `ckm:slides` ⭐
- `ckm:design-system` ⭐
- `waza-habits`
- `test-driven-development` ⭐

### Sami (Parametric & GIS Spatial Designer)
- `computational-architecture` ⭐
- `postgres-patterns` ⭐
- `python-patterns`
- `waza-habits`
- `test-driven-development` ⭐

### Yahya (Principal PhD Academic Investigator)
- `empirical-research` ⭐
- `deep-research` ⭐
- `zeoel-codebase-knowledge` ⭐
- `waza-habits`
- `test-driven-development` ⭐
