GitHub Copilot Prompt for Creating a Media Kit
GitHub Copilot, the AI-powered coding assistant, is not limited to writing code. With its structured content generation capabilities, it becomes a valuable ally for creating a professional media kit directly in your development environment. Whether you are a content creator, startup, or agency, a well-designed media kit is essential to attract partnerships and showcase your key metrics. By using GitHub Copilot in a Markdown, HTML, or JSON file, you can quickly generate a complete structure including your bio, audience statistics, pricing, and past collaborations. The major advantage lies in Copilot's ability to understand the context of your project and suggest relevant sections tailored to your domain. This guide provides optimized prompts to fully leverage Copilot in creating a media kit that converts, with variants based on your expertise level and specific needs.
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Generate a complete HTML/CSS responsive media kit for a content creator. Include the following sections with clear placeholders: 1) Header with name, photo, tagline, and social media links, 2) 'About' section with a 150-word professional bio, 3) Audience statistics with a comparative table per platform (Instagram, YouTube, TikTok, Newsletter) including follower count, engagement rate, average reach, and demographics, 4) Services offered with a pricing grid (sponsored post, story, dedicated video, product placement, ambassador), 5) Portfolio of past collaborations with logos and testimonials, 6) Press section with media mentions and appearances, 7) FAQ for brands, 8) Contact form. Use a modern design with a customizable color palette via CSS variables. Add subtle scroll animations and ensure mobile compatibility.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Why this prompt works
This prompt works thanks to its numbered structure that guides Copilot section by section, avoiding omissions and ensuring a comprehensive result. Specifying the output format (responsive HTML/CSS) and technical details (CSS variables, animations) allows Copilot to generate functional code rather than plain text. Including precise metrics like engagement rate and demographics anchors the result in professional influencer marketing standards.
Use Cases
Variants
Expected Output
You will get a complete, responsive HTML/CSS file, ready to be deployed or converted to PDF, containing all essential sections of a professional media kit. Placeholders will be clearly identified for you to replace with your own data. The design will include easily modifiable CSS variables to adapt colors and typography to your visual identity.
Frequently Asked Questions
Can GitHub Copilot generate the actual data for my media kit?
No, GitHub Copilot generates the media kit's structure and design with realistic placeholders, but it cannot access your real social media statistics. You will need to manually replace the dummy data with your actual figures. Tip: add your real data as comments in the file before asking Copilot to integrate them into the HTML structure; it will use them as context to fill in the template.
Which file format should I choose for my media kit with Copilot?
The choice depends on your use case. Markdown is ideal for a simple, version-controllable document on GitHub. HTML/CSS offers a rich, responsive design, perfect for an online link or converting to PDF via the browser. For an evolving media kit, choose HTML with CSS variables: you can easily update colors and content. If you're working with a framework like React or Vue, ask Copilot to generate reusable components.
How can I customize the design generated by Copilot to match my personal brand?
Start by defining your CSS variables at the top of the file (primary and secondary colors, typography, spacing) before triggering the generation. Copilot will rely on these variables to produce a consistent design. You can also paste your brand guidelines in a comment or reference an existing design token file in your project. To refine the result, request adjustments section by section rather than regenerating everything: for example, 'Modify the pricing section to use cards with drop shadows and rounded corners'.
Learn more
Check the full skill on Prompt Guide to master this technique from A to Z.
View on Prompt Guide📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Similar Prompts
Evaluate Climate Impact on Architectural Design
Analyze climate impact on your architectural projects and integrate resilience strategies from the design phase.
Write Impactful Advertising Copy
Writes persuasive advertising copy by exploring multiple creative angles using the AIDA method.
Claude Prompt for Creating YouTube Thumbnails
YouTube thumbnails are the first visual element viewers see before clicking on a video. An effective thumbnail can double or triple your click-through rate, making it one of the most powerful growth levers on the platform. Claude excels at thumbnail design thanks to its ability to generate precise visual descriptions, balanced compositions, and catchy text tailored to your niche. By using Claude as a creative assistant, you can quickly iterate on thumbnail concepts, get high-contrast color recommendations, structure visual hierarchy, and write short, emotionally impactful text. Whether you are a beginner creator or an established YouTuber, Claude helps you systematize your thumbnail creation process to produce visuals that are consistent with your brand, optimized for mobile, and designed to trigger the click. This guide provides ready-to-use prompts to turn Claude into a true art director for your YouTube thumbnails.
GitHub Copilot Prompt for Creating Illustrations
GitHub Copilot, initially designed as a programming assistant, proves to be a remarkable tool for generating code to create programmatic illustrations. Whether you want to produce SVG graphics, data visualizations, technical diagrams, or vector illustrations through code, Copilot can assist you at every step. By leveraging libraries such as D3.js, p5.js, Canvas API, or native SVG, you can transform text descriptions into reproducible and customizable illustrations. The major advantage of this approach is scalability: a code-generated illustration can be parameterized, animated, and adapted into variants without extra effort. This guide provides optimized prompts to get the most out of GitHub Copilot for creating illustrations, whether for interface icons, explanatory diagrams for technical documentation, or generative artistic visuals. You will learn how to structure your instructions to achieve precise and professional results from the first generation.