Jeus

프론트엔드개발자

[lucas @lucas_flatwhite]

이것만큼 쉽고 아름다운 지도 라이브러리는 없는 듯..
https://t.co/bbphNs5ACh

지도 때문에 시간 날릴 필요가 없음.

설정 지옥에서 벗어나, 예쁘고, 빠르고, 커스터마이징하기 쉬운 지도를 원한다면 이게 답.

우선 shadcn/ui와 완���하게 호환됨!

라이트/다크 모드 자동 전환, 다양한 기능과 디자인.. 그리고 이렇게 적어놨음.

"mapcn은 모든 MapLibre 호환 타일과 연동됩니다. 즉, 사실상 어떤 제공업체의 타일이든 자유롭게 사용할 수 있다는 뜻입니다!"

Zero config, one command setup... 말이 필요 없음. 멋짐..

[Hewon Jeong @hewonjeong]

AI가 작성한 코드, 검증은 누가 할까요?

사내 개발 블로그에 “Playwright E2E 테스트로 자가개선 루프 구축하기” 글을 작성했습니다.

• AI에게 테스트 작성부터 수정까지 자동화하기
• 에이전트가 스스로 도는 '자가개선 루프' 설계하기

많관부!

https://t.co/u7SWfU1T48

[크롱 @Krongggggg]

커서나 클로드 코드 같은 코딩 에이전트 쓰면서 원하는 대로 결과 안 나와서 답답했을 거임.

에이전트가 똑똑해져도 첫 지시 사항을 어떻게 주느라 성능과 비용이 완전히 갈림.

https://t.co/vHEEH7cpxN는 개발 워크플로우나 디버깅에 바로 복사해 쓸 수 있는 프롬프트 모음집임.

처음부터 프롬프트 짜느라 시간 버리지 말고 검증된 구조 가져다 내 손에 맞게 고쳐 쓰면 됨.

[Viking @vikingmute]

最近一个月看来看去，觉得最漂亮最简洁的组件库就这两个了：
COSS UI https://t.co/N6UsJDpeSd 基于 BaseUI 简洁 美观 组件全，细节非常考究，还有 skills 等等资源，对 AI 非常友好。
HeroUI https://t.co/MAYbgnJHty 色彩鲜艳 更活泼 theme 丰富可定制化也很强

如果���家用厌了 shadcn/UI 的默认样式，可以试试这两个组件库，我更喜欢 COSS

[황규연 / Kyooyeon Hwang @yeoni]

AI로 좋은 애니메이션을 얻으려면 원하는 것을 잘 말하는 데 능숙해져야 합니다

[만원만 l manwonman @quietcomp_]

디자이너 & 바이브코더가 알아두면 좋은 GitHub 레포 모음.zip

🎨 디자인·카피
1. https://t.co/06AfSkM3NE
AI가 만드는 UI에 "안목"을 주입. 레이아웃·타이포·여백·모션을 generic slop에서 벗어나게.
2. https://t.co/yjVLCiFq1Q
글에서 AI 티(클리셰·뻔한 구조) 제거하는 스킬 파일.
3. https://t.co/15XoMrtjUs
워드·PDF·오피스 → 마크다운 변환 (포폴 자료 정리)
4. https://t.co/plzzZ3d4sj
PDF에서 좌표(bounding box)까지 뽑는 로컬 문서 파서.
레이아웃 분석·자료 추출용

💻 바이브코딩
5. https://t.co/paNslciHYD 코드베이스를 인터랙티브 지식 그래프로. 큰 프로젝트 이해할 때 (Claude/Cursor/Copilot 호환)
6. https://t.co/evHWNKRLx8
코드 지식 그래프 사전 인덱싱 → 토큰·API 호출 절감.
100% 로컬·SQLite, 20+ 언어
7. https://t.co/EspFuKnioT
Anthropic 공식. 마케팅·생산성·PM 등 직무별 Claude 플러그인 11종
8. https://t.co/jkoyn2c2IC
도메인 설명만으로 에이전트 팀 자동 생성
(한국 개발자, 6가지 협업 패턴)
9. https://t.co/I2A1B8oAQ0
Claude Code를 Plan→Work→Review 규율 사이클로.
코드 품질 안정화
10. https://t.co/ThhEcAQZSa
Cursor 공식 플러그인 마켓플레이스

📺 채널 운영
11. https://t.co/RGcd0q4O6m AI 숏폼 원클릭 생성

📚 학습
12. https://t.co/HGX3GFnO6q
AI 엔지니어링 커리큘럼 20단계·473강

[황규연 / Kyooyeon Hwang @yeoni]

스타일, 산업 분야, 레이아웃 유형별로 분류된 웹사이트 예시들을 살펴볼 수 있는 갤러리

[𝐍𝐨𝐚𝐡 @noahelhadedy]

Design websites worth saving 👇

1. https://t.co/zRf8o6dChE
2. https://t.co/KoDZKijo8r
3. https://t.co/2R4gkQuQaP
4. https://t.co/vUvOS6K1mM
5. https://t.co/nQzLTKWXLQ
6. https://t.co/xoA9LxT4tF
7. https://t.co/hv1EAjfnXF
8. https://t.co/gYD6tp9xrf

Bookmark them for your next design project.

[UI/UX Savior @UiSavior]

Go-to sites to learn UI design for free

Motion → https://t.co/Jk31XAgeha
Patterns → https://t.co/kME36gL8oN
AB Tests → https://t.co/F6uOKHpe4Y
Inspiration → https://t.co/30XCqDEaFN
Breakdowns → https://t.co/SjEsYUiwB0
UI components → https://t.co/48ztCRZ654

Did I miss any? 🤔

[开发者Hailey @IndieDevHailey]

🔥 前端动画界的老大 GSAP，又扔出了一颗炸弹：gsap-skills！

90% 的网页动效只是乏味的淡入淡出，但 Apple 风滚动、数据可视化动画、沉浸式产品页背后的秘密，全在 GSAP。

GSAP 官方直接放出 gsap-skills：
支持 Cursor、Claude Code、Copilot、Google Antigravity、Windsurf 等几乎所有主流 Agent，自动识别。

神亮点：
- 25+ 高级动画实战案例，一键学会 Timeline、ScrollTrigger、Ease 等核心技能
- 让 AI 或开发者都能瞬间生成丝滑、专业、高级感爆棚的动效
- 免费开源，商业项目直接用
- 性能极致流畅，复杂动画也不卡顿
- 跨框架支持：React、Vue、Svelte、原生 JS 全覆盖
- 官方教程 + 实战案例 = 动效学习最快捷径

GSAP 本身已全部免费（原 Club 高级插件全部白送），现在再加上这套官方 skill，装完直接甩需求给 AI，感受 Apple 级动效秒出的爽感！

[Simplifying AI @simplifyinAI]

Someone just open-sourced an isometric Middle-earth map builder.

It's called Iso Middle Earth. Pick a realm (Shire, Gondor, Mordor, Rohan, Moria, Lothlórien, Rivendell), drop tiles on a grid, drag in hobbit sprites, and export your map as PNG or JSON.

100% Open Source.

[UI/UX Savior @UiSavior]

Awesome Site To Teach You Good Designs.

1. Patttterns
(https://t.co/77XXqsV23O)

2. Lookup
(https://t.co/rTQRWHgcRx)

3. Screenlane
(https://t.co/3pQHB4fQWx)

4. Scrnshts
(https://t.co/cn4u2hkeqQ)

5. Mobbin
(https://t.co/8PpQVGPmea)

6. Pttrns
(https://t.co/79Rd35u4RX)

7. Pageflows
(https://t.co/cpiX3XKSvm)

[황규연 / Kyooyeon Hwang @yeoni]

가상 스크롤링 — 대규모 목록을 처리하는 한 가지 방법을 보여주는 깔끔한 시각적 데모
https://t.co/Uxfpeat1QJ

[요즘IT @yozm_it]

X에서 화제인 AI 프롬프트를 실시간으로 모아보는 곳
https://t.co/h8xz2PBxQ1

YouMind는 X(Twitter)에서 화제가 되는 AI 프롬프트를 매일 추적해서 모델별로 정리해주는 프롬프트 라이브러리입니다. 이미지, 비디오, 웹페이지 생성 프롬프트가 중심이고, GPT Image 2, Nano Banana Pro, Seedance 2.0, Gemini 3 Pro 등 주요 모델별로 분류되어 있습니다.

현재 2만 개 이상의 프롬프트가 모��� 있고, X에서 반응이 좋은 프롬프트를 골라서 하루 두 번 자동으로 업데이트하는 구조입니다.

[Claude Code Studio @ClaudeCode_love]

【もはや事件】
25.7万以上のUIを、Claude CodeやCodexから直接参照できる
無料デザインリサーチツールが公開された😳
その名も
ーーー Lazyweb
https://t.co/hSSslUhKra
これ何がヤバいかというと👇
・25.7万以上のアプリ/Webスクリーンを収録
・6��のデザインリサーチスキル搭載
・MCPでClaude CodeやCodexと直接連携
・完全無料／レート制限なし／サブスク不要
・AI nativeで設計されたリサーチ基盤
・個人開��者のデザイン課題を根本から解決
・Webアプリ対応も今後予定
これまでのAIエージェント👇
「コードは書ける。でもデザインがダサい」

でもLazywebは違う。
25.7万のリアルな画面データを
エージェントが直接参照できる。
つまり
・ランディングページ
・iOSアプリUI
・Webアプリのレイアウト
全部が「実在するプロの画面」ベースになる。
つまりAIのデザイン問題が根本から変わる。
しかもこれ、有料SaaSじゃない。
完全無料・OSSで出てくる2026年、
正直どうかしてる（最大級の賛辞）。
AIエージェントの弱点だった"見た目"が解決される。
Claude Codeでデザインまで含めて開発してる人、これ入れない理由がない。
この下の記事を読むと理解が一気に深まる。マジでおすすめ👇

[Geek Lite @QingQ77]

提供 shadcn/ui 和 Base UI 组件库，带落地页、背景、网格三个可视化构建器，让开发者少写代码就能搭出现代 Web 界面。

https://t.co/ymHCGHJ4OI

UI TripleD 是一组 shadcn/ui 和 Base UI 组件，加了 Framer Motion 动画。里面有三个工具：拖拽拼落地页、调着色器做 Aurora 动效背景、点几下生成 Tailwind 网格布局。单仓用 Turborepo + pnpm 管理，跑在 Next.js 16、React 19、TypeScript 上。

[kepano @kepano]

I can't go back to the regular YouTube UI after this 😅

Obsidian Reader now makes the transcript interactive so you can scrub, highlight, auto-scroll. It feels so nice.

[Cullen Webber @SinzVII]

Rendering HTML into a canvas… then projecting it on to a @threejs scene!

Live link: https://t.co/ArUNFrIeEU

Source code: https://t.co/YlJWBjcHFe

#threejs #webdev #shaders

[GeekNews @GeekNewsHada]

클로드 코드 가이드 (전자책) 공개합니다.

클로드 코드 가이드 책을 소개합니다. 빠르게 살펴볼 수 있는 퀵 레퍼런스 부터, 클로드 코드 창시자의 노하우 까지 담아봤습니다. 이 책은 클로드 코드와 함께 써나가고 있는데요, 쓰면서 더 많이 배우는것 같습니다. 이 책은 클…
https://t.co/AF5owknYTU

[요즘IT @yozm_it]

앤트로픽이 공식 오픈한 무료 강의 플랫폼 (개발자부터, 비개발자용까지 모두)

📍 개발자용
- Claude Code in Action
- Building with the Claude API
- Introduction to Model Context Protocol
- Model Context Protocol: Advanced Topics
- Introduction to Agent Skills

📍 비개발자용
- Claude 101: 일상 업무에서 Claude를 어떻게 활용하는지, 핵심 기능은 무엇인지를 다루는 입문 과정
- AI Fluency: Framework & Foundations: AI를 효과적으로, 그리고 안전하게 활용하는 사고 방식
- AI Fluency 시리즈: 교육자, 학생, 비영리 단체 종사자를 각각 나누어 별도 과정 (자기 역할에 맞는 과정 학습)

https://t.co/5RQYXVW5G3