i created a Claude Skill that makes perfect @Framer components & overrides ideal for: - webgl & shaders - CMS-fed items - perfect property controls - react hydration/SSR context - shared states - canvas/preview detection - safari fixes - & so much more github link below ↓

link → it's trained on 30+ custom comps I have created over the years: some very functional, but also some creative ones like my Image to Particles and other webgl goodies

How to install → npx skills add fredm00n/framerlabs --skill framer-code-components-overrides

you'll be happily surprised how helpful it can sometimes be 👀

@framer Since you're the Claude/Framer expert now, do you know if it would be possible to make a Claude skill that can go through a template and check if it meets all the technical demands before submitting it? Maybe in conjunction with the Framer MCP?

@framer Maybe yes for some technical bits like SEO hierarchy, dead links, text-styles, color-styles... Basically anything that's doable via the plugin API the MCP can do too cc @__morse

@framer @__morse Hmm... maybe worth checking out. Thx :)

@framer

@framer Please like this comment so I can set this up when I get home. Thank you 🙏

@framer yes sir

@framer Love this!

@framer Can I create e-commerce in framer with that?

@framer Not that simple I'm afraid

@framer Thanks mate! I'm adding this directly to my workflow

@framer Nice one! Let me know how it goes 🙏

@framer Pretty well! I have pretty long documentation already but it's always nice to keep it updated

@framer Love this liquid metal effect 👌🏻

@framer Yes it's beautiful. Kudos to @paper as mentioned on

@framer So cool you’re sharing this! Def trying it out

@framer Nice one! Let me know how it goes with it

@framer Will definitely give it a try. Thanks for putting in the work and coming up with this brother, appreciate it!🙌🏼

@framer 🙌

@framer You're a godsend Fred, thanks so much for sharing this!

@framer Mnogo merci gotin 😄

@framer hahah, jiv I zdrav, brat! 🤍

@framer @grok I'm a noob. I have a free framer account. How to use this into my project?

@framer @readwise save thread

@framer You’re a legend

@DesignSiddharth @framer 🙏

@framer Just sent clawdbot this link and asked him to install for me 🫡

@framer this is the way 🫡

@framer how do you usually work tho? when i do custom components it's always tricky to test them because i'm using the framer code editor and each time i have to close it, open the component and test. Maybe there is a better way

@framer you could use mcp from your IDE to streamline this process if you don't want to copy/paste keep a Framer preview open and simply refresh it see video example (2x speed)

@framer interesting, gotta dig it, would be really nice to have the chance to code in cursor and see the result in framer directly

@framer can definitely do that - either with the mcp as above or the API which is coming soon

@framer damn, need to give it a shot! thanks sir

@framer legend

@framer 🙏

@framer This is insane

@framer Sick stuff Fred

@framer Thank you so much! I'll test it today

@framer Yay!

@framer Thank you so much for sharing I would have to have a look

@DanielWhit21874 @framer enjoy

@framer Thank you !’

@framer Excellent 👌 thanks for the llink

@framer 👍

@framer It’s work like this that people are humbled by, myself included. If you don’t know what .md files can do for you just troll YT for a bit. The fact you’re providing, for free 🤯

@framer 🙏

@framer This is seriously powerful, thanks for sharing this, Fred 🙌 Super useful for Framer builders. Love how it combines MCP + smart code components. Excited to try it out!

@framer Love these 👌

@framer oh this is amazing! thank you!

@framer Pleasure!

@framer You're amazing! Thank you so much ❤️

@framer looks stunning

@framer Lfg

@framer this looks super useful for workflows

@framer yes it should definitely help. lmk if you try it

@framer Hey fred. Thank you.

@framer most welcome

@framer Man, thank you so much for this!

@framer Pleasure! Hope you find it useful. Will keep updating it when I can.

@framer Damn homie @fw3d

@framer npx skillkit add fredm00n/framerlabs --skill framer-code-components-overrides And translate to any agents with

@framer Thats killer! Appreciate you!