skill-gallery

Codex + frontend-design · 개인 블로그 및 포트폴리오

HTML 다운로드 run.json

샌드박스 미리보기: 페이지의 스크립트는 실행되지만 페이지가 이 사이트, 쿠키, 저장소에 접근할 수 없으므로 localStorage에 의존하는 기능은 다르게 동작할 수 있습니다.

스크롤 녹화

데스크톱 너비에서 페이지를 스크롤한 녹화로, 스크린샷으로는 보이지 않는 움직임을 보여 줍니다. 재생을 누를 때만 영상을 불러옵니다.

▶ 스크롤 녹화 재생 8초 · 670 KB · 720 px

접근성 검사

원본 페이지를 자동으로 검사한 결과입니다. 자동 도구는 접근성 문제의 일부만 찾아내므로, 결과가 깨끗하다고 해서 페이지가 접근성을 갖췄다는 뜻은 아닙니다.

도구
axe-core 4.14.0
치명적
규칙 0개
심각
규칙 1개 · 요소 7개
보통
규칙 0개
경미
규칙 0개
걸린 규칙
color-contrast

투표

이 결과가 더 낫다고 생각하십니까? 아래에서 👍를 누르십시오. 투표하려면 GitHub 계정이 필요합니다. 투표는 이 저장소의 GitHub Discussions에 반응(reaction)으로 저장되며, 셀마다 토론 하나를 모든 언어가 함께 사용합니다.

👍 0 마지막 빌드 기준이며 몇 시간마다 갱신됩니다

실행 세부 정보

상태
성공
에이전트
codex-cli 0.164.0
모델
gpt-6.1-sol
Effort
high
프롬프트
blog-portfolio v1
Skill 문장
Use the $frontend-design skill.
Skill 출처
https://github.com/anthropics/skills skills/frontend-design
Skill 커밋
dbd4588f9e
Skill 가져온 방법
git, 2026-10-25
설치 위치
.agents/skills/frontend-design
Skill 호출 여부
예
근거
injected: 1, skill_md_reads: 2
시작
2026-10-25 17:11:54Z
소요 시간
7m 35s
종료
코드 0
시도
1
토큰
input_tokens: 261,614, cached_input_tokens: 250,752, output_tokens: 21,703, reasoning_output_tokens: 1,795
활동
agent_message 4, command_execution 11, file_change 1
격리
모든 검사 통과
  • ✓ no_agents_md
  • ✓ no_plugins
  • ✓ no_apps
  • ✓ no_mcp_tools
  • ✓ no_managed_instructions
  • ✓ only_expected_skills
  • ✓ no_memory_sections
  • ✓ codex_home_was_minimal
외부 참조
  • https://fonts.googleapis.com link[rel=preconnect]
  • https://fonts.gstatic.com link[rel=preconnect]
  • https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;550;600;650;700&family=Newsreader:ital,wght@0,400;0,450;0,500;1,400&display=swap link[rel=stylesheet]
run.json에 기록된 index.html 정적 스캔 결과입니다.
규칙 위반
없음
출력
index.html, 53.2 KB
스크린샷(데스크톱)
1440×900, 페이지 높이 4985 px, 원격 요청 4건
스크린샷(모바일)
390×844, 페이지 높이 7504 px, 원격 요청 4건
호스트
Darwin 25.6.0, arm64, node v22.18.0