convex-component-authoring

개발백엔드waynesutton/builder-skills

Convex 앱에서 떼어 재사용할 수 있는 컴포넌트를 만듭니다. 컴포넌트마다 자체 스키마와 함수를 두고, 앱이 가져다 쓸 수 있도록 타입이 붙은 클라이언트 래퍼를 함께 구성합니다. 인증이나 환경 변수가 필요한 값은 앱이 인자로 넘기는 구조로 설계해 주며, 앱에 설치한 뒤 컴포넌트 함수가 components 아래에 나타나지 않는 문제도 점검할 수 있습니다. 필요하면 npm 패키지로 배포하는 설정까지 안내합니다.

이럴 때 쓰세요 카운터나 속도 제한 기능을 여러 Convex 앱에서 같은 패키지로 쓰려고 떼어낼 때

Convex 컴포넌트 제작재사용 패키지 만들기npm 배포 설정
GitHub에서 보기SKILL.md 원문

설치 전에 확인하세요

AI가 SKILL.md에서 스크립트·프로그램 실행과 외부 네트워크 접속 내용을 찾았습니다. 설치 전에 원문을 확인하세요.

GitHub 기록

저장소 스타
405
저장소 업데이트
2026.09.28
라이선스
Apache-2.0
SKILL.md 경로
skills/convex-component-authoring/SKILL.md
스크립트 파일
없음, 지침 문서만 있음

AI가 SKILL.md를 읽고 판단

코드 실행
있음
네트워크 접속
있음
외부 계정
확인되지 않음
난이도
고급
직군
개발자

확인되지 않음은 AI가 SKILL.md에서 찾지 못했다는 뜻입니다. 없다는 보장은 아닙니다.

설치

터미널에 붙여 넣어 실행하세요. macOS와 Linux 기준이며 git이 필요합니다. Windows에서는 PowerShell이 아니라 Git Bash에서 실행하세요. 저장소를 임시로 내려받아 스킬 폴더만 복사합니다.

모든 프로젝트에서 쓰기

tmp=$(mktemp -d) && git clone --depth 1 https://github.com/waynesutton/builder-skills.git "$tmp"
mkdir -p "$HOME/.claude/skills"/convex-component-authoring
cp -R "$tmp"/skills/convex-component-authoring/. "$HOME/.claude/skills"/convex-component-authoring/
rm -rf "$tmp"

현재 프로젝트에서만 쓰기

먼저 터미널에서 프로젝트 폴더로 이동하세요.

tmp=$(mktemp -d) && git clone --depth 1 https://github.com/waynesutton/builder-skills.git "$tmp"
mkdir -p .claude/skills/convex-component-authoring
cp -R "$tmp"/skills/convex-component-authoring/. .claude/skills/convex-component-authoring/
rm -rf "$tmp"

설치한 뒤 Claude Code에서 새 세션을 시작하세요. '이럴 때 쓰세요'에 적힌 일을 요청하면 에이전트가 스킬을 불러옵니다. 스킬은 ~/.claude/skills/convex-component-authoring에 있습니다. 프로젝트에 설치했다면 .claude/skills/convex-component-authoring에 있습니다.

같은 분류의 스킬

  1. 개발

    rea-analysis-optimization

    개발 도구 morluto/rea

    REA 분석 도구와 공유 워크플로에서 불필요한 작업을 찾아 줄이는 최적화 절차를 안내합니다. 병목 원인을 측정하고 올바른 소유 지점에서 고친 뒤, 같은 작업을 완료했을 때 결과와 근거가 동일한지 확인하는 방법을 제시합니다. 측정이 필요 없는 단순 정리 작업과 CI 테스트 최적화는 다루지 않습니다.

    분석 도구의 응답이 느리거나 메모리를 많이 쓸 때 원인을 찾고 캐시나 조회 구조를 바꿔야 할 때

    코드 실행네트워크 업데이트 2026.11.04 42.7만
  2. 개발

    ask-matt

    개발 도구 mattpocock/skills

    지금 하려는 일을 설명하면 이 저장소의 어떤 스킬이나 작업 흐름이 맞는지 안내하는 라우터입니다. 아이디어를 구현까지 이어지는 기본 흐름과 버그 대응, 코드베이스 정리, 팀 간 전달 같은 갈래를 함께 보여 주어 다음에 호출할 스킬을 정하는 데 도움을 줍니다. 단계마다 대화 컨텍스트를 정리하거나 새 세션으로 넘기는 기준도 알려 줍니다.

    아이디어를 실제 코드로 만들려는데 어떤 스킬을 어떤 순서로 써야 할지 모를 때

    네트워크 업데이트 2026.11.01 31.1만
  3. 개발

    karpathy-guidelines

    코드 품질 multica-ai/andrej-karpathy-skills

    LLM이 코드를 짤 때 자주 하는 실수를 줄이도록 에이전트의 작업 방식을 정해 줍니다. 구현 전에 가정을 밝히고 해석이 갈리면 질문하며, 요청에 필요한 최소한의 코드만 쓰고 관련 없는 부분은 건드리지 않습니다. 또 작업마다 확인 가능한 성공 기준과 단계별 검증 계획을 세워 그 기준을 통과할 때까지 진행하도록 돕습니다.

    코드를 새로 쓰거나 리뷰, 리팩터링할 때 과한 구현과 엉뚱한 수정을 피하고 싶을 때

    코드 실행 업데이트 2026.04.20 22.9만
  4. 개발

    diagnosing-superpowers

    디버깅 obra/superpowers

    superpowers 세션이 기대와 다르게 흘러간 이유를 찾을 때, 대화 기록을 읽고 반복 작업, 계획 이탈, 비용과 시간, 결과 품질 등을 근거와 함께 정리해 줍니다. 필요하면 superpowers 관리자에게 보낼 버그 리포트 묶음과 GitHub 이슈 초안도 만들 수 있으며, 결함의 원인을 진단하거나 수정안을 제시하지는 않습니다.

    superpowers 세션에서 같은 작업이 반복되거나 계획이 무시되어 원인을 알고 싶을 때

    코드 실행네트워크 업데이트 2026.11.03 31.2만