Recreate Ahmed Melaih's Portfolio

What problem does it solve?

This Skill eliminates the guesswork and inconsistency when recreating Ahmed Melaih's professional portfolio, ensuring the rebuilt version matches the original's dark-themed, developer-aesthetic design and functionality exactly, without manual trial and error.

Core Features & Use Cases

• Design Token Enforcement: Automatically applies the exact color palette, typography scale, spacing, and animation rules defined in DESIGN.md to maintain visual consistency across all components.
• Component Templates: Provides pre-built, fidelity-checked templates for project cards, timeline entries, and other UI elements that match the reference implementation in index.html.
• Use Case: A developer migrating the portfolio to a modern framework like React or Next.js can use this Skill to generate pixel-perfect components that adhere to the original design system, cutting development time significantly compared to building from scratch.

Quick Start

Use the recreate portfolio skill to generate a new project card for a credit card fraud detection project using the provided template and project data from the content inventory.