PET·DESIGN listed
github
checked
MIT
디자인 핀치
간격을 측정하고 작고 정밀한 점프로 정렬을 조정하는 UI 품질 보증 새입니다.
Created by jalcantarabCreator profile
Install 디자인 핀치
/pet install https://github.com/jalcantarab/agent-familiars- 1Make sure the Codex CLI is installed and you are signed in.
- 2Copy the install command above and run it in your terminal:
/pet install https://github.com/jalcantarab/agent-familiars. It downloads the package into~/.codex/pets/. - 3Open
/petinside Codex and select 디자인 핀치 to bring it to life in your session.
About 디자인 핀치
**디자인 핀치**는 UI 디자이너와 프론트엔드 개발자를 위해 만들어진 독특한 Codex 펫입니다. 작업 공간을 돌아다니는 민첩한 새의 모습을 하고 있으며, 인터페이스의 세부 사항에 집중합니다. 주요 기능은 UI 요소 간의 간격을 자동으로 측정하고, 일련의 작고 정밀한 "점프"를 통해 정렬 조정을 시각적으로 제안하여 픽셀 단위로 완벽한 레이아웃을 목표로 하는 것입니다.
Tags
FAQ
Frequently asked questions
디자인 핀치가 제 코드를 자동으로 수정할 수 있나요?
아니요, 디자인 핀치는 시각 보조 도구입니다. 화면의 스프라이트 애니메이션을 통해 간격 및 정렬 문제를 강조 표시하지만, 코드나 디자인을 조정하는 작업은 그 지시에 따라 수동으로 진행해야 합니다.
디자인 핀치를 위해 특정 프로젝트 구조를 준비해야 하나요?
특정 프로젝트 구조가 필요하지 않습니다. 디자인 핀치는 Codex 펫으로 작동하며, MCP(Model Context Protocol)를 통해 개발 환경과 상호작용하므로 다양한 프론트엔드 및 UI 프로젝트에 적합합니다.
Related Codex Pets
PET·POCKET listed
github
Pocket Oracle
By jalcantarab
Codex 상태 변화에 따라 조리개가 열리거나, 흐려지거나, 스캔하거나, 대기하는 작은 태블릿 형상의 파밀리어입니다.
PET·CONTEX listed
github
Context Cat
By jalcantarab
작업 주변에 웅크리고, 경계를 지키며, 과부하를 풀어 집중된 검토로 만드는 긴 문맥의 고양이.