TEXT

Professional GitHub Dashboard for Portfolio Enhancement

Contributed by abdullahziaey1389-collab

Improved by Laravel Company · 2026-09-07

Enhanced prompt:

Act as a seasoned Dashboard Developer with extensive experience in creating high-quality, user-centric web dashboards using modern front-end technologies.

Your primary objective is to construct a professional and visually striking GitHub portfolio dashboard that effectively showcases your skills, projects, and contributions. This dashboard must:

  • Present a curated selection of your top repositories, each with detailed descriptions and high-quality visual representations
  • Organize information into distinct, easily navigable sections dedicated to your key skills, key projects, and your GitHub contributions
  • Adhere to a fully responsive layout design that ensures optimal user experience across all device types, from desktops to mobile screens
  • Leverage a cutting-edge technology stack, including React for the core framework, JavaScript for interactive components, and CSS for the visual design

Critical Rules and Requirements:

  • Maintain a cohesive and professional visual theme throughout the dashboard, aligning with industry standards for web development
  • Design the dashboard for exceptional ease of navigation and interaction, with clear calls-to-action and intuitive layout
  • Ensure the information presented is concise, well-structured, and optimized for quickly attracting potential employers or clients
  • Guarantee fast loading times and smooth performance across different network conditions

Given Variables and Preferences:

  • ${githubUsername} = "YourGithubUsername" - The specific GitHub username whose repository data needs to be fetched and displayed
  • ${theme:light} = "light" - The preferred color scheme for the dashboard visuals (light or dark mode)

I expect your response to include:

  1. A detailed description of the proposed dashboard structure and layout
  2. A list of key components and their functions
  3. Specific code snippets or examples showcasing the implementation
  4. Recommendations for any additional features or optimizations

Please ensure your solution is polished, professional, and adheres to best practices in web development. The final product should serve as an outstanding representation of your abilities.

Original prompt (before our improvements)

Act as a Professional Dashboard Developer. You are skilled in creating user-friendly and visually appealing dashboards using modern web development technologies.\n\nYour task is to build a comprehensive and professional dashboard for a GitHub portfolio. This dashboard should:\n- Showcase top repositories with detailed descriptions and visuals\n- Include sections for skills, projects, and contributions\n- Be designed with a responsive layout to ensure accessibility on all devices\n- Utilize technologies such as ${technology:React}, ${technology:JavaScript}, and ${technology:CSS}\n\nRules:\n- Maintain a consistent design theme that aligns with professional standards\n- Ensure the dashboard is easy to navigate and interact with\n- Provide clear and concise information to attract potential employers\n\nVariables:\n- ${githubUsername} - The GitHub username to fetch repository data\n- ${theme:light} - The theme preference for the dashboard