Trending
Frontend Mentor's Avatar

Frontend Mentor

@frontendmentor.io

๐Ÿง‘โ€๐Ÿ’ป Build projects: https://www.frontendmentor.io ๐Ÿ“ˆ Train your team: https://teams.frontendmentor.io ๐Ÿค Hire top talent: https://hiring.frontendmentor.io

155
Followers
117
Following
386
Posts
28.10.2024
Joined
Posts Following

Latest posts by Frontend Mentor @frontendmentor.io

AI-enhanced solution reports now include quality scores AI-enhanced solution reports now score your HTML, CSS, JavaScript, and Accessibility out of 100. See where you stand and track your progress over time.

Full details on the blog:

www.frontendmentor.io/articles/so...

12.03.2026 17:27 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

This is the first in a series of report upgrades. We're adding new scoring dimensions soon, and historical reports are on the roadmap, so you can track your improvement over time.

12.03.2026 17:27 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

This works the same whether you've handwritten every line or used AI to help. The output is what gets measured. The goal is to improve code quality in your projects, regardless of your workflow.

12.03.2026 17:27 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Scores give you a feedback loop for that.

Submit โ†’ check scores โ†’ dig into issues โ†’ improve โ†’ regenerate report โ†’ see the score go up.

That cycle is really hard to create without a clear signal for whether your changes are working.

12.03.2026 17:27 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

We think this will change how people approach challenges.

A lot of people submit, review feedback, and move to the next challenge. But some of the best learning happens when you stay on a project and refactor. That's what professional devs do every day.

12.03.2026 17:27 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Score summary shows 7.6/10 overall, with individual scores in Accessibility 7.7, HTML 6.4, CSS 8.7, and JavaScript 7.7.

Score summary shows 7.6/10 overall, with individual scores in Accessibility 7.7, HTML 6.4, CSS 8.7, and JavaScript 7.7.

Solution reports already give you detailed feedback. But it's been hard to get a quick read on where you stand without going through the whole thing.

Now you can glance at your scores and immediately know which areas need work.

12.03.2026 17:27 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Post image

We just added scoring to our AI-enhanced solution reports.

Every report (HTML, CSS, JS, A11y) now provides a score out of 100. Here's what that means for you.

The aim is to help you easily identify strengths and weaknesses so you can refactor and improve.

Here are the details:

12.03.2026 17:27 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

After you learn the basics, building one thing teaches you more than watching ten things.

It feels harder, but it's how you build real skills.

05.03.2026 11:01 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

If you'd like to see the types of projects we've helped fund, you can check out our public impact page here:

app.ecologi.com/impact/fron...

04.03.2026 15:46 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Frontend Mentor's climate impact: 40,222 trees funded and 58.41 tCOโ‚‚e avoided, highlighting environmental contributions.

Frontend Mentor's climate impact: 40,222 trees funded and 58.41 tCOโ‚‚e avoided, highlighting environmental contributions.

40,000 trees funded! ๐ŸŒณ

Every Frontend Mentor Pro subscription contributes to tree-planting and carbon-reduction projects through Ecologi. A massive thanks to our community of Pro members who have helped make this happen!

04.03.2026 15:46 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

This is the next step in upgrading our solution reports before we move to a much more granular solution-scoring system that will even take factors like README and commit quality into account.

All the things potential employers would want to see in your projects!

26.02.2026 13:23 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Scores for an AI-enhanced report show performance metrics: Accessibility 8.3, HTML 7.0, CSS 7.5, JavaScript 5.9, overall 7.2/10.

Scores for an AI-enhanced report show performance metrics: Accessibility 8.3, HTML 7.0, CSS 7.5, JavaScript 5.9, overall 7.2/10.

We're currently working on adding scores to our AI-enhanced reports to help easily identify areas that are strong and those that need improvement in your solutions.

26.02.2026 13:23 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

We hope you like the update and are excited to see our V2 solution reports! ๐Ÿ™‚

24.02.2026 15:35 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Solution Reports Overview | Frontend Mentor Guides Learn how automated solution reports analyze your code for accessibility, HTML, CSS, and JavaScript issues. Understand free vs Pro AI-enhanced reports.

For anyone who wants to learn more about our reports, you can also read our "Introduction to Solution Reports" guide:

www.frontendmentor.io/guides/solu...

24.02.2026 15:35 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Free members now get AI-powered code reviews Free community members now get 2 AI report credits per month for deeper code reviews across HTML, CSS, JavaScript, and Accessibility.

You can read the full announcement here:

www.frontendmentor.io/articles/ai...

24.02.2026 15:35 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

To try it out, submit a new solution or regenerate a report on an existing one.

Pro members still get unlimited AI reports across all solutions.

24.02.2026 15:35 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

This is stage 1 of our work to make solution reports much more comprehensive and actionable.

More coming soon.

24.02.2026 15:35 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

We also removed screenshot credits.

Free members can now regenerate solution screenshots as many times as they need. Improved your solution? Get a fresh screenshot. No limits.

24.02.2026 15:35 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Our solution reports break down your code across HTML, CSS, JavaScript, and Accessibility.

The free static analysis is helpful, but AI-enhanced reports find up to 3x more issues AND highlight your strengths.

You get a much clearer picture of where to improve.

24.02.2026 15:35 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Post image

We just made AI-powered code reviews available to every free member on Frontend Mentor.

From today, every free member gets 2 AI report credits per month to get more detailed insights into their projects.

Here's what that means ๐Ÿ‘‡

24.02.2026 15:35 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Introducing progression levels and a revamped profile We've launched a new progression levels system, fairer scoring for challenges and code reviews, and a completely revamped profile page. Here's what's changed.

Full details:

www.frontendmentor.io/articles/pr...

20.02.2026 16:21 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Post image

Your profile page has also been redesigned. There's a new private Progress tab with level tracking, activity charts, and a clear breakdown of what you need to reach the next level.

20.02.2026 16:21 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Progress tracker shows Level 3 with 378 out of 600 points. User is 222 points away from reaching Level 4.

Progress tracker shows Level 3 with 378 out of 600 points. User is 222 points away from reaching Level 4.

There's a new 5-level progression system to help you track where you are in your learning journey.

Your level is based on both your points AND the hardest challenge you've completed. The goal is to help you understand when they might be ready to progress to the next level.

20.02.2026 16:21 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
New challenge points by difficulty level: Level 1 Newbie gives 10 points, Level 2 Junior gives 25 points, Level 3 Intermediate gives 50 points, Level 4 Advanced gives 100 points, and Level 5 Guru gives 200 points.

New challenge points by difficulty level: Level 1 Newbie gives 10 points, Level 2 Junior gives 25 points, Level 3 Intermediate gives 50 points, Level 4 Advanced gives 100 points, and Level 5 Guru gives 200 points.

New code review points by difficulty level: Helpful feedback on Newbie solutions gives 3 points, Junior gives 5 points, Intermediate gives 10 points, Advanced gives 20 points, and Guru gives 40 points.

New code review points by difficulty level: Helpful feedback on Newbie solutions gives 3 points, Junior gives 5 points, Intermediate gives 10 points, Advanced gives 20 points, and Guru gives 40 points.

Challenge points now scale exponentially to match real effort.

Newbie: 10
Junior: 25
Intermediate: 50
Advanced: 100
Guru: 200

Helpful code review points also scale with difficulty now. No more flat 20 points regardless of complexity.

20.02.2026 16:21 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Post image

We just shipped a big update to Frontend Mentor: new progression levels, fairer scoring, and a revamped profile page.

Here's what changed ๐Ÿงต

20.02.2026 16:21 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Glad you like it! ๐Ÿฅณ

18.02.2026 18:24 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Guides | Frontend Mentor Learn how to use Frontend Mentor effectively. Step-by-step guides covering challenges, solution reports, learning paths, community feedback, and building your developer career.

We just shipped Guides on Frontend Mentor! ๐Ÿš€

Everything you need to know about the platform, all in one place. From getting started to making the most of features like solution reports and learning paths.

Check it out here: www.frontendmentor.io/guides

17.02.2026 16:10 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Text outlines a project utilizing GitHub Copilot for debugging CSS, HTML accessibility, JavaScript verification, and improving styles.

Text outlines a project utilizing GitHub Copilot for debugging CSS, HTML accessibility, JavaScript verification, and improving styles.

We quietly added an 'AI Collaboration' section to our challenge starter README template last week.

It's great to see people already using it to outline how they worked with AI across our projects, which will make for excellent interview conversations!

13.02.2026 11:19 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
AI Coding Assistants for Beginners | Complete Guide Learn to use AI coding tools like ChatGPT and Copilot without becoming dependent. Stage-based framework for your first 18 months.

Want to go deeper on learning effectively with AI?

Read our full guide: AI coding assistants for beginners

www.frontendmentor.io/articles/ai...

05.02.2026 15:54 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
We've added AGENTS.md files to Frontend Mentor challenges Every Frontend Mentor challenge now includes AGENTS.md files that turn AI coding tools into difficulty-matched learning partners. Here's what we did and why.

If you're already using AI tools with our challenges, you don't need to change anything. The files are already included automatically.

You can read more about the update here:

www.frontendmentor.io/articles/ag...

05.02.2026 15:54 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0