Sodesigns

How I use to build luxury real estate websites 👇

• Create a cinematic luxury real estate experience

• Use fullscreen hero sections + smooth scroll

• Add layered visuals + parallax for depth

• Keep typography minimal and premium

• Use GSAP + ScrollTrigger + Lenis

• Add fades, reveals, and image expansion on scroll

• Include subtle hover + cursor interactions

• Keep motion slow, smooth,
Save this 🚀

Anthropic has just changed how frontend is designed with AI.

It's called Frontend Design, it's their official skill for Claude Code.

And it already has 136,000 stars on GitHub.

The problem it solves is simple:

Every time you asked the AI for a website, it spat out the same thing.
Inter as the font.
Purple gradient.
Generic startup layout.
The usual "AI slop."

Frontend Design cuts it off at the root.

It forces Claude to commit to an aesthetic direction before touching a single line of code.

And the result changes completely.

You can ask it for:
→ brutalist
→ editorial
→ retro-futurist
→ luxurious
→ maximalist

And it generates production-ready HTML, CSS, JS, React or Vue.

How to install it:

1. npx skills add http://github.com/anthropics/skills --skill frontend-design

2. Describe the website or component you want.

3. Choose the style.

4. Claude assembles typography, color, motion, and coherent composition.

One single installation. Available in all your sessions.

Works in Claude Code, Cursor, Codex, Gemini CLI, OpenCode, and 15+ harnesses.

100% open source. Maintained by Anthropic.

418,000 installations in just a few weeks say more than any review.

Agent Mode is here in Outlook!

Copilot can now help run your inbox and calendar, triaging emails, rescheduling meetings, and helping you stay on top of what matters most.

Celebrating 20 years of Google Translate and… the launch of a top-requested feature! 🎂