Kiln
디자인 요약
Kiln은 React 개발자를 위한 오픈소스 컴포넌트 라이브러리 웹사이트로 버튼, 입력, 표, 날짜 선택기 등 40개 이상의 컴포넌트를 작동하는 컴포넌트 월로 보여 줍니다. 쿨 화이트 작업대, 유약 갈색, 각인된 측면이 정밀하고 절제된 그리드를 만듭니다.
프롬프트
제품: 버튼, 입력, 드롭다운, 명령 팔레트, 다이얼로그, 툴팁, 표, 날짜 선택기를 포함한 40개 이상의 컴포넌트를 갖춘 React 개발자용 오픈소스 컴포넌트 라이브러리 Kiln입니다. 테마 커스터마이즈를 지원합니다.
웹사이트 홈페이지를 만들고 필요하면 컴포넌트 상세 페이지도 추가하세요.
- 스크린샷 대신 실제 상호작용형 컴포넌트를 홈페이지에 직접 보여 주세요. “컴포넌트 월”에는 사용자가 클릭하고 입력하고 전환할 수 있는 작동하는 컴포넌트가 있어야 합니다.
- 선도적인 개발자 도구 웹사이트의 정밀함과 절제를 참고하세요. 대부분 흑백으로 구성하고 강조색은 최대 하나만 사용하며 엄격한 그리드와 코드 및 숫자의 모노스페이스 활자를 적용하세요.
- 테마 컨트롤러를 기억에 남게 만드세요. 반경, 밀도, 강조색 컨트롤을 드래그하면 페이지의 모든 컴포넌트가 즉시 바뀌어야 합니다.
- 복사 가능한 설치 명령, 코드 스니펫, 컴포넌트 카테고리 네비게이션, GitHub 스타와 주간 다운로드처럼 지나치게 딱 떨어지지 않는 현실적인 사용 수치를 포함하세요.
중국어 원본 프롬프트 보기
产品：「Kiln」，一个给 React 开发者用的开源组件库：按钮、输入框、下拉、命令面板、弹窗、提示、表格、日期选择等 40 多个组件，支持主题定制。
做它的官网首页（可以加一个组件详情页）：
- 首页要直接展示真实可交互的组件，而不是截图：一块“组件墙”里放着能点、能输入、能切换的真组件。
- 气质参考一线开发者工具官网的精确与克制：黑白为主，最多一种强调色，严格的网格，等宽字体用在代码和数字上。
- 记忆点：一个主题调节器，拖动圆角、密度或强调色，整页所有组件当场一起变化。
- 要有：安装命令（可复制）、代码片段、组件分类导航、一段真实的使用数据（例如 GitHub 星数、周下载量，数字不整齐）。
