open-design

How to add any of the 198 free design systems to Claude Design Last week I shared 198 design systems ready for Claude Design, and the most common question was "how do I actually get one in?" Fair, my post made it look harder than it is. So here's a 2-minute video showing both ways. Nothing to install, nothing to pay. Way 1: from the gallery (easiest) 1. Open the design system gallery and pick a style. You can filter by tags like fintech, minimal or warm. 2. On its page, click Open in Claude. The request is already written for you. 3. Send it. Claude builds the design system, and it shows up under Settings → Design systems. Way 2: Claude's own button 1. In Claude, go to Settings → Design systems → New design system → Using Claude. 2. Choose Sync from my GitHub repository, and give it feimacode/open-design-agent-kit (Claude asks for GitHub access). 3. Pick one bundled system when it asks, e.g. airbnb. Either way, you get the colours, type, spacing and components, ready to design with. The design systems come from Open Design (Apache-2.0). I converted them to Claude Design's format and fixed the ones whose colours or fonts didn't match their own docs. Repo: feimacode/open-design-agent-kit Happy to help in the comments if one doesn't import cleanly. And tell me which style you'd like added next.

设计稿改了八版，团队和 agent 各改各的？ open-design 是 AI 设计 agent 协作工作台：本地优先，从简述起手，agent 按设计系统出原型，反馈再改都在同项目。 适合设计和开发一起抠原型的团队，先拿小项目走通流程。 先让 agent 出哪类原型，网站或 App？ #设计 #AI @grok nexu-io/open-design

vibecoders, claude design is not the only option..... nexu-io/open-design t.co

An open-source design workspace where your coding agent builds prototypes, slides and motion graphics from one brief. 🔗 nexu-io/open-design Credits: nexu-io/open-design #opendesign #typescript #opensource

개발자들이 선택한 깃허브 디자인·모션 도구 TOP 14 웹사이트 UI 디자인부터 인터랙션, 모션그래픽, 3D 애니메이션까지. 깃허브에서 인기 있고 실제로 쓸 만한 AI 디자인 스킬과 도구 14개를 네 챕터로 정리했습니다. 필요한 챕터만 골라 보세요. 00:00 인트로 00:19 CH1 AI 디자인 스킬 00:19 프론트엔드 디자인 (Anthropic) 00:45 UI UX 프로 맥스 01:11 테이스트 스킬 01:33 홀마크 01:57 임페커블 02:28 CH2 작업공간 02:31 구글 스티치 02:55 오픈디자인 03:19 CH3 웹 인터랙션 03:22 에밀 코왈스키 애니메이션 스킬 03:49 리액트 비츠 04:09 키프레임 갤러리 04:23 CH4 모션그래픽 04:27 리모션 04:44 하이퍼프레임즈 05:06 클로드 모션 05:32 어썸 오푸스 5.5 비디오스 05:51 마무리 ▶ 영상 속 도구 링크 [CH1 AI 디자인 스킬] 프론트엔드 디자인: github.com/anthropics/skills/tree/main/skills/fro… UI UX 프로 맥스: nextlevelbuilder/ui-ux-pro-max-skill 테이스트 스킬: Leonxlnx/taste-skill 홀마크: Nutlope/hallmark 임페커블: pbakaus/impeccable (impeccable.style) [CH2 작업공간] 구글 스티치: stitch.withgoogle.com 오픈디자인: nexu-io/open-design [CH3 웹 인터랙션] 에밀 코왈스키 스킬: emilkowalski/skills 리액트 비츠: reactbits.dev (DavidHDev/react-bits) 키프레임 갤러리: keyframe.gallery [CH4 모션그래픽] 리모션: remotion.dev (remotion-dev/remotion) 하이퍼프레임즈: heygen-com/hyperframes 클로드 모션: claude.com 어썸 오푸스 5.5 비디오스: yihui-dev/awesome-opus5-5-videos [en-US] TOP 14 GitHub Design & Motion Tools Chosen by Developers From website UI design to interactions, motion graphics, and 3D animation. We have organized 14 popular and practically useful AI design skills and tools from GitHub into four chapters. Pick only the chapters you need. 00:00 Intro 00:19 CH1 AI Design Skills 00:19 Frontend Design (Anthropic) 00:45 UI UX Pro Max 01:11 Taste Skills 01:33 Hallmark 01:57 Impeccable 02:28 CH2 Workspace 02:31 Google Stitch 02:55 OpenDesign 03:19 CH3 Web Interactions 03:22 Emil Kowalski Animation Skills 03:49 React Beats 04:09 Keyframe Gallery 04:23 CH4 Motion Graphics 04:27 Remotion 04:44 Hyperframes 05:06 Claude Motion 05:32 Awesome Opus 5.5 Videos 05:51 Wrap-up ▶ Links to tools in the video [CH1 AI Design Skills] Frontend Design: github.com/anthropics/skills/tree/main/skills/fro… UI UX Pro Max: nextlevelbuilder/ui-ux-pro-max-skill Taste Skills: Leonxlnx/taste-skill Hallmark: Nutlope/hallmark Impeccable: pbakaus/impeccable (impeccable.style) [CH2 Workspace] Google Stitch: stitch.withgoogle.com Open Design: nexu-io/open-design [CH3 Web Interactions] Emil Kowalski Skills: emilkowalski/skills React Bits: reactbits.dev (DavidHDev/react-bits) Keyframes Gallery: keyframe.gallery [CH4 Motion Graphics] Remotion: remotion.dev (remotion-dev/remotion) Hyperframes: heygen-com/hyperframes Claude Motion: claude.com Awesome Opus 5.5 Videos: yihui-dev/awesome-opus5-5-videos [id] 14 Alat Desain & Motion GitHub Pilihan Para Developer Mulai dari desain UI situs web hingga interaksi, grafis gerak, dan animasi 3D. Kami telah mengorganisir 14 keterampilan dan alat desain AI yang populer dan praktis dari GitHub ke dalam empat bab. Pilih hanya bab yang Anda butuhkan. 00:00 Pendahuluan 00:19 CH1 Keterampilan Desain AI 00:19 Desain Frontend (Anthropic) 00:45 UI UX Pro Max 01:11 Taste Skills 01:33 Hallmark 01:57 Impeccable 02:28 CH2 Workspace 02:31 Google Stitch 02:55 OpenDesign 03:19 CH3 Interaksi Web 03:22 Keterampilan Animasi Emil Kowalski 03:49 React Beats 04:09 Galeri Keyframe 04:23 CH4 Grafis Gerak 04:27 Remotion 04:44 Hyperframes 05:06 Claude Motion 05:32 Video Awesome Opus 5.5 05:51 Penutup ▶ Tautan ke alat dalam video [CH1 Keterampilan Desain AI] Desain Frontend: github.com/anthropics/skills/tree/main/skills/fro… UI UX Pro Max: nextlevelbuilder/ui-ux-pro-max-skill Taste Skills: Leonxlnx/taste-skill Hallmark: Nutlope/hallmark Impeccable: pbakaus/impeccable (impeccable.style) [Ruang Kerja Bab 2] Google Stitch: stitch.withgoogle.com Open Design: nexu-io/open-design [Interaksi Web Bab 3] Emil Kowalski Skills: emilkowalski/skills React Bits: reactbits.dev (DavidHDev/react-bits) Galeri Keyframes: keyframe.gallery [Grafik Gerak CH4] Remotion: remotion.dev (remotion-dev/remotion) Hyperframes: heygen-com/hyperframes Claude Motion: claude.com Video Awesome Opus 5.5: yihui-dev/awesome-opus5-5-videos

5 FREE AI tools exploding on GitHub this week Five free, open-source AI tools that are blowing up on GitHub right now, counted down by stars: #5 ArtCraft (33K stars): AI film studio, build the shot in 3D first. The app is free; AI generations use credits. Full Short: youtube.com · storytold/artcraft #4 Diagram Design (58K): your AI agent draws clean diagrams from one sentence. Full Short: youtube.com · cathrynlavery/diagram-design #3 HyperFrames by HeyGen (67K): agents build videos like web pages and render to MP4. Full Short: youtube.com · heygen-com/hyperframes #2 VoiceStudio (76K): free, local ElevenLabs alternative for cloning and dubbing voices (only clone voices you have permission to use). Full Short: youtube.com · debpalash/VoiceStudio #1 OpenDesign (100K+): free, open-source answer to Claude Design. Full Short: youtube.com · nexu-io/open-design Star counts as of 19 Oct 2026. Image source: all screens and clips are official images and media from each project's GitHub repository (links above): ArtCraft (website film, storytold/github-media, MIT OR Apache-2.0), Diagram Design (MIT), HyperFrames design templates by HeyGen (Apache-2.0), VoiceStudio (AGPL-3.0), OpenDesign (Apache-2.0). Which one are you trying first? Subscribe for more free AI tools. #aitools #opensource #github #ai #shorts #aitools #opensource #github #ai #shorts

今天还有兄弟被OpenDesign忽悠订阅，我帮大家深扒一下这家公司的黑历史，战绩可查： 这家公司现在就是一家披着设计外衣的中国的中转站，还劣迹斑斑 1. 用户选择关闭对话内容，依然会采集用户数据 open-design#4558 2. 自部署docker版本依然要用户强制联网登录open-design#6640 3. 订阅小字仙人，以为是月付实际是诱导年付 linux.do 互联网是有记忆的，请大家注意甄别，有这钱不如订阅个OpenCode

Claude Design, but FREE? Meet OpenDesign (open source) OpenDesign is a free, open-source AI design workspace, often called the open alternative to Claude Design. It runs on your own laptop and works with the AI tools you already use: Claude Code, Codex, Cursor, or a free local model. What it does: - 151 brand design systems built in - Websites, app prototypes, slide decks, images and motion graphics - Live preview while the agent builds, then keep refining - Export to HTML, PDF, PowerPoint or MP4 - 100K+ GitHub stars Get it: nexu-io/open-design Note: the app is free and open source (Apache-2.0). Cloud AI models bill on your own API key; local models are free. Image source: all screens in this video are official OpenDesign screenshots from the project's GitHub repository (nexu-io/open-design, Apache-2.0). Subscribe for more free AI tools. #opendesign #claudedesign #aitools #opensource #shorts #opendesign #claudedesign #aitools #opensource #shorts

Sirf ₹200 ki chip, poore ghar ke ads block 🤯 | ESP32 Ad Blocker + 9 GitHub Repos #shorts Sirf ₹200 ki ek chip, aur poore ghar ke ads block 🤯 ESP32-C3 Adblock ek open source, Pi-hole jaisa DNS ad blocker hai. Router ke USB mein lagao aur phone, laptop, TV, tablet sab pe ads block. 1,40,000+ ad domains, sirf 50KB RAM mein. Day 3 ke saare 10 repos 👇 🔟 ESP32-C3 Adblock: M-Abozaid/esp32-c3-adblock 1️⃣ DeepSeek Harness: deepseek-ai/deepseek-harness 2️⃣ BrowserSkill: Tencent/BrowserSkill 3️⃣ Laya: NandhaKishorM/laya 4️⃣ OpenDesign: nexu-io/open-design 5️⃣ Shaders: shader-effects-inc/shaders 6️⃣ Answer Me With HTML: QingYunA/answer-me-with-html 7️⃣ iFixAi: ifixai-ai/iFixAi 8️⃣ VibeWise: nykooi1/vibe-wise 9️⃣ Plexo: anmolkapil/plexo ⚠️ Chip ko PlatformIO se khud flash karna padta hai. YouTube jaise kuch ads DNS se block nahi hote. Ye hai 30 Days · 30 Repo Finds, Day 3. Subscribe karo, kal Day 4 🚀 📸 Instagram: instagram.com #shorts #adblocker #esp32 #githubrepos #techhindi

WAIT WE HIT 100K @github STARS? IN JUST 163 DAYS?! nexu-io/open-design