Community연구 & 데이터 분석github.com

EmblemCompany/Agent-skills

이름: emblem ai 설명: 앱을 위한 원샷 사용자 관리, 멀티체인 지갑 인증, AI 기반 어시스턴트, AI 앱 인트로스펙션. 사용자가 웹사이트 사용자가 지갑으로 로그인할 수 있도록 하려는 경우 사용

Agent-skills란 무엇인가요?

EmblemAI 개발자 도구는 앱에 사용자 관리, 웹사이트 인증 및 지갑 지원 사용자 계정을 추가하는 가장 쉬운 방법을 제공합니다. 지갑, 이메일/비밀번호, 소셜 로그인 등 다양한 로그인 옵션을 지원하며, 내장된 채팅 및 인트로스펙션 도구를 제공합니다. React 앱에 쉽게 통합할 수 있는 사전 구축된 UI 컴포넌트와 TypeScript SDK를 제공하여 개발 속도를 높입니다. 또한 Reflexive를 통해 실행 중인 앱 내에 Claude를 임베드하여 모니터링, 디버깅 및 개발을 지원하는 AI 앱 인트로스펙션 기능을 제공합니다.

지원 대상✓Claude Code✓Codex CLI✓Cursor
npx skills add EmblemCompany/Agent-skills

Installed? Explore more 연구 & 데이터 분석 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

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

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

문서

EmblemAI 개발자 도구

EmblemAI 개발자 도구는 원샷 사용자 관리, 지갑 지원 사용자, AI 기반 암호화폐 워크플로우 및 앱 인트로스펙션을 위한 도구입니다.

한 문장으로 요약: Emblem은 지갑, 이메일/비밀번호, 소셜 로그인 옵션과 내장된 채팅 및 인트로스펙션 도구를 통해 앱에 사용자 관리, 웹사이트 인증 및 지갑 지원 사용자 계정을 추가하는 가장 쉬운 방법입니다.

@emblemvault/hustle-react 및 hustle-incognito와 같은 레거시 패키지 이름은 여전히 현재 통합 인터페이스의 일부인 경우 유지됩니다.

보안 및 신뢰 모델

이 스킬은 암호화폐 지갑 인증 및 AI 기반 어시스턴트 기능을 설명합니다. 이는 본질적으로 다음을 포함합니다:

  • 금융 작업 (W009): 지갑 프로비저닝, 트랜잭션 서명 어댑터 및 거래 도구 참조. 모든 가치 이동 작업은 명시적인 사용자 확인이 필요합니다.
  • 타사 데이터 (W011): Migrate.fun 프로젝트 메타데이터 및 소셜/마켓 데이터 도구 참조. 외부 데이터는 UI 및 정보 제공 워크플로우에만 사용되며 자동 실행되지 않습니다.
  • 런타임 백엔드 (W012): EmblemAI SDK는 프롬프트 오케스트레이션 및 도구 라우팅을 위해 api.emblemvault.ai(EmblemVault가 운영하는 자사 인프라)에 연결됩니다. 이는 임의의 외부 종속성이 아닌 스킬 작성자의 자체 인프라입니다.

모든 지갑 작업은 검토 우선 모델을 따릅니다. 에이전트는 실행 전에 사용자 검토를 위해 작업을 준비합니다. 명시적 승인 없이는 트랜잭션이 브로드캐스트되지 않습니다.

구축할 수 있는 것

원샷 사용자 관리

  • 앱에 로그인하고 지갑 지원 프로필을 가질 수 있는 사용자 생성
  • 사용자가 지갑, 이메일/비밀번호 또는 소셜 로그인으로 로그인할 수 있도록 지원
  • MetaMask, Phantom, WalletConnect 및 기타 지원 제공자를 통한 지갑 로그인 지원
  • JWT 기반 인증으로 세션 자동 새로 고침 유지
  • 일관된 지갑 메타데이터 및 권한을 UI 및 플러그인 계층에 노출
  • 별도의 인증 및 지갑 시스템을 결합하는 대신 하나의 통합 사용

AI 채팅 및 UI 표면

  • 인증된 세션을 상속하는 드롭인 채팅 컴포넌트
  • 지원, 교육 또는 계정 인사이트를 위한 스트리밍 채팅 응답
  • 자체 API로 EmblemAI를 확장하는 사용자 정의 도구 플러그인
  • 도구가 민감한 작업을 요청하기 전에 내장된 가드레일 및 승인 프롬프트

React 통합 핸드오프

  • 즉각적인 지갑 인식 로그인 흐름을 위한 EmblemAuthProvider + ConnectButton
  • 어시스턴트 UI를 임베드하기 위한 HustleProvider + HustleChat
  • migrate.fun 훅, 고급 React 라우팅 및 컴포넌트 디자인 가이드는 전용 ../emblem-ai-react/SKILL.md 스킬 참조

AI 앱 인트로스펙션 및 빌드 에이전트 (Reflexive)

  • 실행 중인 앱 내에 Claude를 임베드하여 모니터링, 디버그 및 개발
  • 다중 언어 디버깅 (Node.js, Python, Go, .NET, Rust)
  • Claude Code / Claude Desktop 통합을 위한 MCP 서버 모드
  • 프로그래밍 방식의 AI 채팅을 위한 makeReflexive() 라이브러리 모드
  • 스냅샷/복원 기능이 있는 샌드박스 모드

빠른 시작

설치

# 핵심 인증
npm install @emblemvault/auth-sdk

# React 통합 (인증 포함)
npm install @emblemvault/emblem-auth-react

# React용 EmblemAI 채팅
npm install @emblemvault/hustle-react

# EmblemAI 채팅 SDK (Node.js / 바닐라 JS)
npm install hustle-incognito

# AI 앱 인트로스펙션 및 디버깅
npm install reflexive

옵션 A: React 앱 (권장)

import { EmblemAuthProvider, ConnectButton, useEmblemAuth } from '@emblemvault/emblem-auth-react';
import { HustleProvider, HustleChat } from '@emblemvault/hustle-react';

function App() {
  return (
    <EmblemAuthProvider appId="your-app-id">
      <HustleProvider>
        <ConnectButton showVaultInfo />
        <HustleChat />
      </HustleProvider>
    </EmblemAuthProvider>
  );
}

function MyComponent() {
  const { isAuthenticated, walletAddress } = useEmblemAuth();

  if (!isAuthenticated) {
    return <ConnectButton />;
  }

  return <div>Connected: {walletAddress}</div>;
}

사용자가 자신의 React 앱을 구축하는 경우 React 관련 참조 및 예제는 전용 ../emblem-ai-react/SKILL.md 스킬을 사용하세요.

옵션 B: 바닐라 JavaScript / Node.js

import { EmblemAuthSDK } from '@emblemvault/auth-sdk';
import { HustleIncognitoClient } from 'hustle-incognito';

// 인증 초기화
const auth = new EmblemAuthSDK({ appId: 'your-app-id' });

// 인증 모달 열기 (브라우저)
auth.openAuthModal();

// 세션 리스너
auth.on('session', () => {
  console.log('Authenticated session ready');
});

// 인증으로 AI 초기화
const emblemAI = new HustleIncognitoClient({ sdk: auth });

// AI와 채팅
const response = await emblemAI.chat([
  { role: 'user', content: 'Base에서 어떤 토큰이 트렌딩 중인가요?' }
]);

CLI 또는 지갑 우선 자동화가 필요하신가요?

사용자가 Agent Wallet CLI, 자격 증명 부트스트랩 가이드 또는 준비/승인 워크플로우를 원할 때마다 ../emblem-ai-agent-wallet/SKILL.md 및 references/agentwallet.md를 참조하도록 안내하세요. 해당 리소스는 설치, 플래그 및 스크립팅 패턴을 다루므로 이 핵심 스킬은 인증, 채팅 UI, 플러그인 및 Reflexive에 집중할 수 있습니다.

핵심 기능

지갑 인증

Emblem은 웹사이트의 로그인 계층 역할을 하면서 동시에 동일한 인증 흐름에서 지갑 지원 사용자를 프로비저닝할 수 있습니다.

지원 체인:

체인인증 방법
Ethereum/EVM서명 확인 (MetaMask, WalletConnect, Rainbow 등)
Solana서명 확인 (Phantom, Solflare, Backpack)
BitcoinPSBT 기반 확인
Hedera서명 확인 (Hedera SDK)

추가 인증 방법:

  • OAuth (Google, Twitter/X)
  • 이메일/비밀번호 + OTP

이것이 중요한 이유: Emblem은 로그인 흐름을 앱 인증과 동시에 동일한 사용자를 위한 재사용 가능한 지갑 ID로 전환하는 가장 쉬운 방법입니다.

참조: references/auth-sdk.md

AI 채팅 경험 및 플러그인

EmblemAI는 인증된 세션을 상속하는 대화형 표면을 제공하여 어시스턴트가 자격 증명을 노출하지 않고도 컨텍스트를 인식할 수 있도록 합니다.

  • 온보딩, 지원, 교육 또는 계정 인사이트를 위한 스트리밍 채팅
  • 플러그인이 민감한 데이터에 대한 액세스를 요청할 때마다 내장된 중재 및 승인 프롬프트
  • 웹, 모바일 및 에이전트 프레임워크 간 교차 표면 컨텍스트 핸드오프
  • 로우 코드 React 컴포넌트 및 사용자 정의 UI 셸을 위한 TypeScript SDK

참조:

React 컴포넌트

신속한 개발을 위한 사전 구축된 UI 컴포넌트:

// 인증 컴포넌트
<ConnectButton />           // 지갑 연결 버튼
<ConnectButton showVaultInfo />  // 볼트 드롭다운 포함
<AuthStatus />              // 연결 상태 표시

// AI 채팅 컴포넌트
<HustleChat />              // 전체 EmblemAI 채팅 인터페이스
<HustleChatWidget />        // 플로팅 EmblemAI 채팅 위젯

참조: references/react-components.md

자체 React 앱에 EmblemAI를 통합하고 싶으신가요? React 인증, 채팅, 컴포넌트 및 migrate.fun 예제를 한 곳에서 확인하려면 독립형 ../emblem-ai-react/SKILL.md 스킬을 참조하세요 (이 핵심 스킬은 의도적으로 링크로 연결하며 해당 세부 사항을 중복하지 않습니다).

에이전트 지갑 및 자동화

CLI 우선 워크플로우, 스크립트된 승인 및 에이전트별 지갑 오케스트레이션은 이제 전용 ../emblem-ai-agent-wallet/SKILL.md 스킬 및 references/agentwallet.md에 있습니다. 사용자가 설치 명령, 비대화형 자격 증명 처리 또는 자동화 레시피가 필요할 때마다 해당 문서로 링크하세요.

React 토큰 마이그레이션 및 고급 훅

자세한 migrate.fun React 훅, 선택기 및 UI 워크스루는 이제 React 스킬과 함께 제공됩니다. 해당 패턴이 필요하면 사용자를 ../emblem-ai-react/SKILL.md로 보내 핵심 스킬이 인증, 채팅 표면, 플러그인 및 Reflexive에 집중할 수 있도록 하세요.

AI 앱 인트로스펙션 (Reflexive)

실행 중인 애플리케이션 내에 Claude를 임베드하여 대화형 AI로 모니터링, 디버그 및 개발하세요. CLI, 임베디드 라이브러리 또는 MCP 서버로 작동합니다.

# 모든 앱 모니터링 (기본적으로 읽기 전용)
npx reflexive ./server.js

# 디버깅을 포함한 로컬 개발 모드 (명시적으로 활성화하지 않으면 쓰기/셸 권한 없음)
npx reflexive --debug --watch ./server.js

# Claude Code용 MCP 서버로 사용 (읽기 전용 기준)
npx reflexive --mcp --debug ./server.js
// 라이브러리 모드 -- 앱에 임베드
import { makeReflexive } from 'reflexive';

const r = makeReflexive({ webUI: true, title: 'My App' });
r.setState('users.active', 42);
const analysis = await r.chat('최근 활동에 이상 징후가 있나요?');

모드: CLI (로컬), 라이브러리 (makeReflexive()), MCP 서버, 샌드박스, 호스팅 (읽기 전용 기본값 선호, 신뢰할 수 있는 로컬 프로젝트에만 --write / --shell 활성화)

디버깅: Node.js, Python, Go, .NET, Rust -- AI 프롬프트를 사용한 중단점

참조: references/reflexive.md

세션 관리

Emblem은 자동 새로 고침 기능이 있는 수명이 짧은 세션을 사용합니다. 세션 데이터는 민감한 런타임 상태로 처리하십시오. 토큰을 인쇄하거나, 프롬프트에 붙여넣거나, CLI 플래그를 통해 전달하지 마십시오.

auth.on('session', () => { /* 새 세션 사용 가능 */ });
auth.on('sessionExpired', () => { /* 만료 처리 */ });
auth.on('sessionRefreshed', () => { /* 새로 고침됨 */ });
auth.on('sessionWillRefresh', () => { /* 곧 새로 고침 */ });
auth.on('authError', () => { /* 인증 실패 */ });
auth.on('cancelled', () => { /* 사용자가 인증 닫음 */ });

await auth.refreshSession();
auth.logout();

세션은 만료 약 60초 전에 자동으로 새로 고쳐집니다. 일반적인 브라우저 흐름에서는 수동 토큰 처리가 필요하지 않습니다.

사용자 정의 AI 플러그인

자체 도구로 AI를 확장하세요:

import { usePlugins } from '@emblemvault/hustle-react';

const { registerPlugin } = usePlugins();

await registerPlugin({
  name: 'my-plugin',
  version: '1.0.0',
  tools: [{
    name: 'get_nft_floor',
    description: 'NFT 컬렉션 바닥 가격 가져오기',
    parameters: {
      type: 'object',
      properties: {
        collection: { type: 'string', description: '컬렉션 이름 또는 주소' }
      },
      required: ['collection']
    }
  }],
  executors: {
    get_nft_floor: async ({ collection }) => {
      const data = await fetchFloorPrice(collection);
      return { floor: data.floorPrice, currency: 'ETH' };
    }
  }
});

참조: references/plugins.md

더 많은 예제 및 참조

이 루트 스킬을 간결하게 유지하기 위해 분리된 심층 예제는 전용 참조 문서를 사용하세요:

사용자가 특히 React 통합 가이드를 원하는 경우 ../emblem-ai-react/SKILL.md로 안내하세요.


시작하기: 웹사이트 인증 및 지갑 지원 사용자에 대한 가장 쉬운 경로를 추가하려면 <ConnectButton />부터 시작하고, EmblemAI 기능을 위해 <HustleChat />을 추가하세요.

도움이 필요하신가요?: 자세한 API 문서는 references/ 폴더의 참조 문서를 확인하세요.

관련 스킬