Neuron
디자인 요약
Neuron은 손글씨 숫자를 작동하는 인식기와 10개 출력 점수로 연결한 뒤 독자가 쓴 획 위에 실제 28×28 양수 및 음수 가중치를 보여 줍니다. 가중치, 층, 학습 섹션을 모두 조작할 수 있습니다.
검증 기록
확인됨독립 재검토에서 실제 마우스 및 터치 이벤트로 여러 획의 숫자를 작성했고 0–9를 포함한 마우스 입력 샘플 11개가 모두 올바르게 인식되었습니다. 가중치 −3/0/+3은 활성화 4.22/7.20/10.19를 만들었고 학습은 일시정지, 재개, 되감기가 가능했습니다.
검증 범위390px 검사는 실제 스마트폰이 아닌 브라우저 터치 이벤트를 사용했습니다. 이 샘플들은 임의의 손글씨 정확도나 모델 일반화를 보장하지 않습니다.
프롬프트
신경망이 손글씨 숫자를 인식하는 원리를 설명하는 인터랙티브 웹사이트를 만드세요(1440×900에서 시작해 너비 390픽셀까지 반응형 대응). 수학 배경이 없는 호기심 많은 성인을 대상으로 영어 인터페이스를 사용합니다.
첫 화면의 핵심은 작은 그리드에 숫자를 손으로 쓰고 활성화가 켜지며 신호가 네트워크를 한 층씩 지나는 모습을 관찰한 뒤 10개 출력 막대 중 하나가 올라가는 것을 보는 경험입니다. 인식은 실제로 작동해야 하며 작은 네트워크를 오프라인에서 학습하고 가중치를 `assets/`에 번들할 수 있습니다. 아래에는 가중치, 층, 학습을 스크롤로 설명하는 섹션을 배치하고, 가중치를 드래그해 출력 변화를 보는 것처럼 각 섹션에 직접 조작하는 상호작용을 제공하세요.
첫 화면에서 숫자를 쓰고 결과를 얻는 상태, 중간 설명 섹션과 상호작용하는 상태, 모호한 숫자를 썼을 때 두 출력이 경쟁하는 상태를 디자인하세요.
중국어 원본 프롬프트 보기
一个讲神经网络如何认出手写数字的互动讲解网站（1440×900 起，响应式到 390 宽），界面用英文，给没有数学背景、但好奇的成年人。
首屏的核心：在一块小格子上手写一个数字，信号一层层穿过网络，每层的激活亮起来，最后十个输出里有一根冲高。识别必须真的能用：可以离线训练一个小网络，把权重打包进 `assets/`。往下是随滚动展开的几段讲解：权重、层、训练，每段都有能动手的东西（例如拖动一个权重，看输出怎么变）。
设计三个状态：首屏写下一个数字并得出结果、中段某个讲解区块的交互、写一个模棱两可的数字时两个答案在争。
