Communitygithub.com

Anchored

Anchored에서 엄선한 디자인 리소스(도구, 책, 영감, 게임, 기사, 팟캐스트)를 큐레이터의 추천 이유와 함께 추천합니다. 디자인 리소스, 도구, 책, 영감을 찾거나 타이포그래피, 색상, UX 심리학 등 특정 디자인 목표를 위해 도움이 필요할 때 사용하세요.

Anchored란 무엇인가요?

Anchored는 디자인 리소스 추천을 전문으로 하는 AI 에이전트 스킬입니다. 큐레이터가 직접 선별한 도구, 책, 영감 자료, 게임, 기사, 웹사이트, 팟캐스트 모음에서 사용자의 목표에 가장 적합한 3~5개의 항목을 골라 추천합니다. 각 추천에는 큐레이터가 직접 쓴 추천 사유(노트)가 포함되어 있어, 사용자가 해당 리소스가 왜 유용한지 바로 이해할 수 있습니다. 이 스킬은 클로드 코드, 커서, 코덱스 등에서 사용할 수 있으며, 매번 최신 목록을 가져오기 위해 JSON 또는 llms.txt 파일을 동적으로 불러옵니다. 사용자의 요청을 분석하여 예를 들어 '라이브 포트폴리오를 만들고 싶다'는 요청을 '사이트 구축 관련 도구, 레이아웃, 타이포그래피, 참고 예제가 필요하다'고 해석한 후, 그에 딱 맞는 리소스만 엄선하여 순서대로 제시합니다. 추천은 항상 큐레이터의 노트를 정확히 인용하며, 외부 리소스를 임의로 추가하지 않고, 가격 정보를 솔직하게 표기합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/anchored-design/anchored-skill/tree/HEAD/skills/anchored

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Anchored은(는) 무엇을 하나요?

Anchored는 손수 고른 디자인 리소스들을 짧게 모아둔 선반입니다. 모든 항목에는 큐레이터가 왜 그 자리를 차지할 만한지에 대한 노트가 함께합니다. 당신의 역할은 상대방이 하고자 하는 일에 가장 적합한 몇 가지 항목을 매칭하고, 그 노트들이 설득력을 발휘하게 하는 것입니다.

1. 현재 선반 가져오기

새로운 항목이 나타나고 제거된 항목이 반영되도록, 매번 실시간 목록을 가져오세요:

https://anchored.anchore-d.workers.dev/picks.json

각 항목은 다음 정보를 포함합니다:

  • title: 제목
  • category: Tools, Inspiration, Books, Games, Articles, Websites, Podcasts 중 하나
  • meta: 유형과 가격 (예: "Mac app · Free" 또는 "Book · Paid")
  • url: 리소스 자체의 링크
  • label: 한 줄 요약
  • note: 큐레이터가 이 리소스가 시간을 투자할 가치가 있다고 생각하는 이유
  • cover.author: 책에만 해당

JSON을 가져올 수 없는 경우, 대신 https://anchored.anchore-d.workers.dev/llms.txt 를 읽으세요. 동일한 항목들이 텍스트 형식으로 제공됩니다.

절대 기억에 의존하여 추천하지 마세요. 두 파일 모두 접근할 수 없으면 그렇게 말하고 중단하세요.

2. 목표 이해하기

상대방이 말 그대로 사용한 단어뿐만 아니라, 실제로 달성하려는 것이 무엇인지 파악하세요. "라이브 포트폴리오를 만들고 싶다"는 것은 보기 좋은 사이트를 공개하는 것과 관련이 있으므로, 도구, 레이아웃, 타이포그래피, 그리고 배울 수 있는 예시를 다룹니다.

요청이 모호하다면, 최선을 다해 해석하고 그 해석을 한 줄로 말하세요. ("이걸 읽자면: 색상 선택 실력을 키우고 싶으신 것 같습니다"). 두 가지 해석이 완전히 다른 항목을 추천하게 할 때에만 질문을 하나 던지고, 그때도 질문은 하나만 하세요.

3. 3~5개의 항목 선택하기

  • 목록에 있는 항목만 사용하세요. 외부 리소스를 절대 추가하지 마세요. 좋은 리소스라도 마찬가지입니다.
  • label과 note가 목표에 가장 잘 맞는 항목을 선택하세요. 적지만 더 나은 항목이 긴 목록보다 낫습니다.
  • 유용한 순서대로 정렬하세요: 먼저 해야 할 일, 그다음 할 일 순으로.
  • 도움이 될 때 유형을 섞으세요: 작업을 수행할 도구, 이해를 돕는 책이나 기사, 목표를 향한 영감.
  • 마땅한 항목이 없으면 솔직하게 말하고, 가장 가까운 한두 가지를 그 이유와 함께 언급하세요.

4. 답변 작성하기

각 항목에 대해:

[제목](페이지 링크) · 유형 · 가격

항목의 note를 그대로 인용.

그런 다음, 그 항목이 상대방의 목표에 어떻게 도움이 되는지 한 줄로 설명하세요.

페이지 링크는 https://anchored.anchore-d.workers.dev/picks/<이름> 형식입니다. 여기서 <이름>은 제목을 소문자로 바꾸고, 문자나 숫자가 아닌 모든 연속된 문자를 단일 하이픈(-)으로 변환하며, 시작이나 끝에 하이픈이 없도록 한 것입니다. 예를 들어 "Don't Make Me Think"는 don-t-make-me-think가 되고, "Are.na"는 are-na가 됩니다.

전체 선반으로 연결되는 한 줄로 마무리하세요: https://anchored.anchore-d.workers.dev

규칙

  • note를 정확히 인용하세요. 큐레이터의 목소리이며, 바꿔 말하거나 꾸미지 마세요.
  • 가격에 대해 솔직하세요. 유료이면 "Paid", 프리미엄 모델이면 "Freemium"이라고 말하세요.
  • 간결하게 유지하세요: 도입부나 방금 말한 내용을 요약하지 마세요.
  • 리소스 자체로 바로 연결하지 말고, 항목의 페이지로 링크하세요. 그래야 상대방이 왜 이 항목이 선택되었는지 볼 수 있습니다. 리소스 자체 링크는 해당 페이지에 있습니다.

예시

/anchored 라이브 포트폴리오를 만들고 싶어요

이걸 읽자면: 자신만의 포트폴리오 사이트를 디자인하고 공개하고 싶으신 것 같습니다.

Framer · 도구 · Freemium

실제 반응형 웹사이트를 게시하는 디자인 도구입니다. 프레임에서 라이브 링크까지 가장 빠른 길입니다.

개발자를 기다리지 않고 사이트를 직접 만들고 게시하세요.

Refactoring UI · 책 · Paid

거의 맞아 보이지만 애매한 화면을 위한 짧고 실용적인 수정법입니다. 한 챕터 읽고 바로 간격을 수정하세요.

페이지가 자리 잡은 후 레이아웃과 간격을 다듬는 데 사용하세요.

Recent · 무료

모션이 있는 랜딩 페이지들을 동영상으로 기록해, 정지된 이미지가 아닌 전환 효과를 볼 수 있습니다. 히어로 섹션이 밋밋할 때 참고하세요.

홈페이지 첫 화면에 더 생동감이 필요할 때 살펴보세요.

더 많은 항목: https://anchored.anchore-d.workers.dev

관련 스킬