황규연 / Kyooyeon Hwang

관심사? HTML5, CSS3, SVG, AI, 구직중…

[황규연 / Kyooyeon Hwang @yeoni]

사실 별 내용은 없다. MDN을 참고로 해서 모던 브라우저에서 쓸만한 HTML,CSS,Javascript 스펙들을 정리
https://t.co/6iIlIzY0Rm

[バーチャル美少女ねむ/Nem⚡メタバース文化エバンジェリスト @nemchan_nel]

イーロン・マスク「優秀なエンジニアが犯す間違いは、必要ないものを最適化するのに労力をかけることだ」

スターシップのブースター工場の前で語ってる説得力が強すぎる

5段階の開発プロセス
①要件を疑う
②部品や工程を削除する
③その後で初めて最適化する
④高速化する
⑤最後に自動化する

[村田俊英 / Designer @kookaking]

ほぼ全ての日本語フォント（5,000以上）を
網羅している『日本語ふおんとライブラリ』

すごい。
https://t.co/LZUsNXcoKn

[GeekNews @GeekNewsHada]

AI시대, 나의 전문성을 재설계하는 법 [구글 슬라이드, 165P]

- 데이터오븐 하용호님의 발표자료
- 회사의 AX(AI 전환) 여정은 대부분 비슷한 5단계를 거침 — 환호 → 정체 → 신남 → 의구심 → 마지막 고비
- AI J curve Trap - AI 붙인다고 바로 잘하는 게 아니…
https://t.co/1u0sV70vXK

[황규연 / Kyooyeon Hwang @yeoni]

에이전시에서의 AI는 일부 직원들에게만 공유하는것인가? 전파는? 필요없다

[⛩ Ryo Saeba | Japon XYZ ⛩ @Ryo_Saeba_3]

Ça c'est plutôt une bonne idée !
Avec la chaleur qui est insupportable et parfois dangereuse en été au Japon, cette école maternelle a installé un toit rétractable de 25m x 30m pour que les enfants puissent jouer à l'ombre #Japon

[Emil Kowalski @emilkowalski]

I’ve been tinkering with some new skills for my skills repo over the weekend, and it seems like there’s so much untapped potential for design engineering skills.

/emil-design-eng skill can already help you a ton, and it’s doing more than 100k installs already, but there’s more to come soon.

I plan to add more fine-tuned skills for specific use cases, but since AI produces non-deterministic results, there’s still quite a bit of testing to do as I want the answers to be precise and correct.

In the meantime, you can try the two existing skills:

https://t.co/BQ3QdOdPya

[황규연 / Kyooyeon Hwang @yeoni]

보안때문에 모바일 사이트 구축임에도 정작 디바이스 테스트를 못하는 현실

[만원만 l manwonman @quietcomp_]

패션, 아트, 그래픽분야의 감도 높고 미감 좋은,
트렌디하고 실험적인 무드 아카이빙 페이지

https://t.co/CSGzdlZtp4

[Jakub Antalik @Jakubantalik]

Added new transitions to https://t.co/d7VPDcOJK0

There are now 21 transitions you can copy as CSS or React code or use as a skill for Claude, Cursor or Codex

npx skills add jakubantalik/transitions.dev

[황규연 / Kyooyeon Hwang @yeoni]

내가 필요한 트위터 북마크

[크롱 @Krongggggg]

와.... 이걸 이제서야 발견했네...

OpenClaw 개발자가 자기가 사용할라고 만든건데
기능 대박 많음.

내 트윗이랑 DM, 좋아요, 북마크 같은 거 다 로컬 SQLite에 저장해주고 AI가 검색하기 쉽게 만들어준다고 함.

로컬에서 X 데이터 관리하고 싶을 때 유용할 듯

[Dreamer妍妍 @yanliudreamer]

GSAP开源了一整套 ”AI 动效技能包“😍

⚡ 25+高级真实项目动画案例
⚡ 覆盖 Timeline / ScrollTrigger / Ease
⚡ 支持 React / Vue / Svelte / 原生 JS
⚡ 可直接用于生产环境
⚡ 兼容 Cursor / Claude Code / Codex等 AI 工具

刚刚试了下，是一整套可直接复用的动效能力系统，很适合想做酷炫效果的盆友！

[BIGDATA DOCTOR @drmusician1]

AX 업계 현실이라고 함

👇👇
1. 가장 흔한 건 만들어도 버려지는 회사다. 누군가 자기 일을 줄여주는 AI 워크플로를 직접 만든다. 효과도 진짜 있다. 옆자리로 입소문 은 나는데, 팀의 도구가 되거나 제품으로 올라가진 않는다. 받아주는 곳도, 관리하는 사람도 없으니 한 번 쓰이고 버려진다. 개인은 빨라 지는데 조직은 그대로다. 쓸만한 게 매번 새로 만들어졌다가, 매번 사라진다.

2. 비전이 너무 큰 회사도 있다. AI로 회사 전체를 바꾸겠다'는 슬라 이드는 두껍다. 그런데 다음 분기에 당장 손볼 게 뭐냐고 좁히면 답이 흐려진다. 큰 그림은 있는데 첫 삽이 없다.

3. 도구는 다 깔린 회사도 있다. 전 직원에게 ClaudeL OpenAl 엔 터프라이즈를 쥐여줬다. 그런데 들여다보면 그게 이메일 요약하고 회의록 정리하는 데서 멈춘다. 옆으로는 넓게 퍼졌는데, 정작 핵심 업무 안으로는 안 들어간다. 좌석은 전부 채웠지만 일하는 방식은 그 대로다. 도구를 나눠주는 건 결제의 문제고, 그걸 핵심 업무에 박아 넣는 건 전혀 다른 일이다.

4. 또 하나는 너무 적극적인 회사다. 조직장이 누구보다 AI에 진심이라, 직원마다 오픈클로를 붙여주려 한다. 얼핏 가장 앞서 보이는데, 정작 그 도구가 무엇을 보고 무엇을 내보내는지엔 관심이 없다. 의욕은 최고치인데 그 뒤를 받칠 체계는 비어 있다.

https://t.co/LVWlvRVezq

[Csaba Kissi @csaba_kissi]

Here is a collection of 99 CSS loaders.

You can easily copy the CSS or LLM prompt to your AI coding assistant and recreate them.

The project is open-source.

https://t.co/cTtK4ueeoy

[최범균 @madvirus]

일 못하지 않기 2: 왜 먼저 묻기 (1).
https://t.co/Ma9gSEgLKb

[황규연 / Kyooyeon Hwang @yeoni]

에이전시에서 기획 디자인 퍼블 개발 프로세스가 병렬로 진행되는건 26년 전이나 별 차이 없다는게 발전 못하고 놀랍다고 해야하나? 이렇게 발전 못하는것도 웃기다.. 이러니 에이전시 업계도 필요없어질듯

[황규연 / Kyooyeon Hwang @yeoni]

고민이네 다녀야 하나? AI 시대에 자꾸 뒤쳐지는

[won park @wonforall]

🇰🇷 안녕하세요, 한국에 계신 코덱스 유저 여러분!! 🇰🇷

OpenAI Codex 엔지니어 박지원입니다. 😄

저희가 ✨7월 8일✨ 제 고향인 서울에서 Codex 밋업을 진행할 예정인데요!

저희가 아주 깔@롱하게 준비해 볼 테니!! 많이 기대해 주시고 참석해 주시면 정말 행복할 것 같습니다 하하

저도 오랜만에 한국에 가는 거라 너무 기대되네요! 그리고 한국에 계신 유저분들을 처음 뵙는 거라 정말 신나요

이번 기회에 다들 직접 만날 수 있으면 좋겠습니다 🤗

다들 곧 뵈요!

참석 신청 링크: https://t.co/H3p1XeOr6C

[황규연 / Kyooyeon Hwang @yeoni]

gap에 선을 그고 싶습니다! 그리드와 플렉스에 격자를 삽입할 수 있는 새로운 CSS

CSS Gap Decorations는 Grid Layout 및 Flexbox, Multi-column Layout의 gap 부분에 선이나 장식을 부여하기 위한 메커니즘 https://t.co/58yFVlmJWi

[황규연 / Kyooyeon Hwang @yeoni]

Salesforce의 SLDS 2도 몇가지 바뀐게 있지만 AI 연동되는 부분도 달라진 부분
https://t.co/zcLrt5xnGJ

[황규연 / Kyooyeon Hwang @yeoni]

이 기술은 AI 코딩 도우미(Claude Code, Codex 등)에게 훌륭한 인터페이스를 구성하는 세부적인 디자인 엔지니어링 요소를 가르칩니다.

[Jakub Krehel @jakubkrehel]

It’s incredible that /make-interfaces-feel-better has already been installed more than 30,000 times.

It contains a lot of tips that make interfaces feel better, across UI, animations, performance and more.

npx skills add jakubkrehel/make-interfaces-feel-better