Skillset
디자인 요약
Skillset은 아이콘 카드 대신 코드, 글쓰기, 리서치 결과물의 사용 전후 비교로 개발자가 에이전트 Skill을 발견하도록 돕습니다. 검색과 필터를 사용하고 에이전트를 전환해 맞는 설치 명령을 확인할 수 있습니다.
검증 기록
확인됨최종 스크린샷과 디코딩한 녹화 프레임에서 코드, 글쓰기, 라우팅, 리서치의 구체적인 전후 결과와 그에 대응하는 검색, 필터, 에이전트 전환, 복사 확인 상태를 확인했습니다.
검증 범위리뷰어는 페이지를 다시 실행하거나 표시된 테스트 및 설치 명령을 실행하거나 시스템 클립보드를 검사하지 않았습니다. 복사 검증은 인터페이스 피드백에 한정됩니다.
프롬프트
AI Agent Skill 컬렉션 웹사이트를 만드세요(1440×900에서 시작해 너비 390픽셀까지 반응형 대응). 영어 인터페이스에서 개발자는 Claude Code와 Codex 같은 에이전트용 Skill을 탐색, 검색, 설치할 수 있습니다. 각 Skill에는 목적, 지원 에이전트, 설치 명령, 버전, 설치 수, 에이전트가 이를 사용해 만드는 결과물 예시를 표시하세요. Skill 이름과 작성자는 가상입니다. 에이전트 이름은 로고 없이 텍스트로만 사용하세요.
독창성을 최우선으로 하세요. 화면을 아이콘과 둥근 카드 그리드로 채우지 마세요. 핵심은 유용한 도구를 발견하는 듯한 탐색 경험입니다. Skill을 열으면 사용 전후의 에이전트 결과물을 비교할 수 있어야 하고 에이전트를 선택하면 맞는 설치 명령을 한 번의 클릭으로 복사할 수 있어야 합니다.
홈 탐색, 검색 및 필터 결과, 개별 Skill 상세 및 설치의 세 가지 상태를 디자인하세요.
중국어 원본 프롬프트 보기
一个 AI Agent Skill 的合集网站（1440×900 起，响应式到 390 宽），界面用英文：开发者在这里浏览、搜索和安装给 Claude Code、Codex 等 Agent 用的 Skill。每个 Skill 有用途、支持哪些 Agent、安装命令、版本、安装量，以及用了它之后 Agent 做出来的东西。Skill 名和作者虚构，Agent 名称只用文字，不放对方标志。
有创意是第一要求，不要做成一屏图标加圆角卡片的网格。核心：逛的时候像在发现好用的工具；打开一个 Skill，能看到 Agent 用它之前和之后的产出对比，选好自己的 Agent 后一键复制对应的安装命令。
设计三个状态：首页发现、搜索和筛选结果、单个 Skill 详情与安装。
