SOMEONE DID THE DESIGN THAT ENDS AI SLOP ???
Meet Hallmark, a design skill for Claude Code, Codex, Cursor and OpenCode that refuses to look AI-generated.
Nutlope/hallmark
It reportedly exploded to over 48.500 GitHub stars and gained 4,000+ stars in a single day, hitting #1 on GitHub Trending.
It works with Claude Code, Codex, and Cursor, helping AI build websites that actually look professionally designed. The era of AI slop might finally be ending.
His x is also followed by LOTS of good devs and builders.
$Hallmark - ANTI AI Slop
1 like · 73 views
Как Opus экономит бюджет на Seedance Раньше 3D-раскадровки
делали в Blender — долго и дорого. Теперь можно построить и анимировать сцену прямо в Claude или ChatGPT через скилл Three.js. Выгода простая: согласуешь динамику и ракурсы в трёхмерном...
cloudai-x/threejs-skills
Opus 5.5 + Remotion + Three.js = build the app. Then shoot the f*cking trailer.
Turn product screens into 3D shots with camera moves, depth of field and controlled lighting.
Here’s the setup ↓
01 / Install the skills:
▸ remotion-dev/skills
▸ CloudAI-X/threejs-skills
02 / Split the interface into layers
Export UI panels as separate PNGs. Map them onto planes, preserve their proportions and spread them along the Z axis.
Use MeshBasicMaterial so lights don’t change screen brightness. Keep the original components for text updates.
03 / Build repeatable camera moves
Connect the scene through @remotion/three.
Store camera positions, look-at targets and shot timings as data. Drive them with useCurrentFrame() so scrubbing and rendering produce the same movement.
Animate the target too. Otherwise your camera flies past the feature it should demonstrate.
▸ remotion.dev
04 / Give it a lens
Use this WebGL effects chain:
RenderPass → BokehPass → UnrealBloomPass → OutputPass
Focus on the active feature. Keep ordinary text below the bloom threshold.
Easy on the glow. It’s a product demo, not a nuclear reactor.
05 / Check cheap. Export clean.
Register the composition as Trailer. Render a smaller draft first:
npx remotion render Trailer out/draft.mp4 --scale=0.5
Check cuts, readable labels and sound. Then export:
npx remotion render Trailer out/final.mp4 --codec=h264 --crf=18
Bookmark it.
6 likes · 177 views
ThreeJS Skills
Completely renewed and revamped.
CloudAI-X/threejs-skills
2 likes · 207 views
@finebutwhy Try muse again with this skill
github.com/CloudAI-X/threejs-skills/blob/main/ski…
1 like · 55 views
Mentions
SOMEONE DID THE DESIGN THAT ENDS AI SLOP ??? Meet Hallmark, a design skill for Claude Code, Codex, Cursor and OpenCode that refuses to look AI-generated. Nutlope/hallmark It reportedly exploded to over 48.500 GitHub stars and gained 4,000+ stars in a single day, hitting #1 on GitHub Trending. It works with Claude Code, Codex, and Cursor, helping AI build websites that actually look professionally designed. The era of AI slop might finally be ending. His x is also followed by LOTS of good devs and builders. $Hallmark - ANTI AI Slop
Как Opus экономит бюджет на Seedance Раньше 3D-раскадровки делали в Blender — долго и дорого. Теперь можно построить и анимировать сцену прямо в Claude или ChatGPT через скилл Three.js. Выгода простая: согласуешь динамику и ракурсы в трёхмерном... cloudai-x/threejs-skills
Opus 5.5 + Remotion + Three.js = build the app. Then shoot the f*cking trailer. Turn product screens into 3D shots with camera moves, depth of field and controlled lighting. Here’s the setup ↓ 01 / Install the skills: ▸ remotion-dev/skills ▸ CloudAI-X/threejs-skills 02 / Split the interface into layers Export UI panels as separate PNGs. Map them onto planes, preserve their proportions and spread them along the Z axis. Use MeshBasicMaterial so lights don’t change screen brightness. Keep the original components for text updates. 03 / Build repeatable camera moves Connect the scene through @remotion/three. Store camera positions, look-at targets and shot timings as data. Drive them with useCurrentFrame() so scrubbing and rendering produce the same movement. Animate the target too. Otherwise your camera flies past the feature it should demonstrate. ▸ remotion.dev 04 / Give it a lens Use this WebGL effects chain: RenderPass → BokehPass → UnrealBloomPass → OutputPass Focus on the active feature. Keep ordinary text below the bloom threshold. Easy on the glow. It’s a product demo, not a nuclear reactor. 05 / Check cheap. Export clean. Register the composition as Trailer. Render a smaller draft first: npx remotion render Trailer out/draft.mp4 --scale=0.5 Check cuts, readable labels and sound. Then export: npx remotion render Trailer out/final.mp4 --codec=h264 --crf=18 Bookmark it.
ThreeJS Skills Completely renewed and revamped. CloudAI-X/threejs-skills
@finebutwhy Try muse again with this skill github.com/CloudAI-X/threejs-skills/blob/main/ski…