Candor UI docs

Name: Candor UI docs
Author: MethodicDev

제작자: MethodicDev버전 4.0.2i★ 0i클라우드에서 실행

레지스트리 이름com.themethodic/candor

설치 방법

What it does

Candor UI docs and component suggestions. Read-only, no key, never serves paid source.

Connects 클라우드에서 실행
Account or key No key needed
Category 기타

설치

쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.

검사 3/4 통과 · 내가 묻는 내용은 제작자 서버(candor.themethodic.com)를 거쳐요

먼저: 어떤 AI를 쓰시나요?

Claude웹 · 앱 · 모바일ChatGPT웹Claude Code터미널Cursor코드 에디터VS Code코드 에디터기타다른 앱

쓰는 앱을 고르면 아래에 단계가 나옵니다.

Claude에 연결할 수 있어요 · 약 2분

키 필요 없음, 설치 필요 없음 · claude.ai나 데스크톱 앱에서 한 번 설정하면 채팅에서 쓸 수 있어요 · 무료 계정은 1개까지 · Team/Enterprise는 소유자(Owner)가 추가

Claude의 Connectors 페이지 열기
CustomizeConnectors
완료
“+ Add” → “Add custom connector”를 누르고 이 2칸 채우기
여기서 복사해 Claude의 같은 이름 칸에 붙여 넣고 Continue를 누르세요
Name · 이름Candor UI docs
Remote MCP server URL · 주소https://candor.themethodic.com/mcp
Authentication은 Claude가 찾은 그대로 두고 Add를 누르세요
완료
채팅에서 켜기
+ConnectorsCandor UI docs
완료
해 보기
Candor UI docs을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐
✓ Claude가 Candor UI docs을 쓰고 있다고 하거나 답에 Candor UI docs 도구 이름이 나오면 연결된 거예요

메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요

ChatGPT는 기업용 요금제에서만 연결돼요

웹의 ChatGPT Business, Enterprise, Edu에서 워크스페이스 관리자나 소유자가 추가해요 · Free, Plus, Pro를 쓰면: 내 ChatGPT 요금제로는 아직 MCP를 직접 연결할 수 없어요

웹 ChatGPT에서 MCP 추가 페이지 열기
Plugins+Add custom MCP server
완료
이름과 주소 입력
이름을 넣고 Connection에 주소를 붙여 넣은 뒤 경고에 체크하고 Create as a plugin을 누르세요
Name · 이름Candor UI docs
Connection · 주소https://candor.themethodic.com/mcp
완료
채팅에서 Candor UI docs 고르기
새 채팅을 열고 입력 전에 플러그인 목록에서 Candor UI docs을 고르세요
완료
해 보기
Candor UI docs을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐
✓ ChatGPT가 Candor UI docs을 쓰고 있다고 하거나 답에 Candor UI docs 도구 이름이 나오면 연결된 거예요

메뉴 이름은 2026년 11월 11일에 OpenAI 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요

Claude Code에 연결할 수 있어요 · 약 2분

키 필요 없음, 설치 필요 없음

터미널 열기
Mac: Command+스페이스를 누르고 Terminal 입력 · Windows: PowerShell 열기
완료

이 명령을 붙여 넣고 Enter

claude mcp add --transport http --scope user candor https://candor.themethodic.com/mcp

완료

Claude Code에서 /mcp 입력
Candor UI docs이 목록에 있고 연결됨으로 보이면 돼요
완료
해 보기
Candor UI docs을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐
✓ Claude Code가 Candor UI docs을 쓰고 있다고 하거나 답에 Candor UI docs 도구 이름이 나오면 연결된 거예요

메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요

Cursor에 연결할 수 있어요 · 약 2분

키 필요 없음, 설치 필요 없음

이 버튼으로 Cursor 열기
Cursor에서 열기
Cursor가 설치를 확인하면 Install을 누르세요
완료
Cursor에서 AI 채팅을 Agent 모드로 열기
완료
해 보기
Candor UI docs을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐
✓ Cursor가 Candor UI docs을 쓰고 있다고 하거나 답에 Candor UI docs 도구 이름이 나오면 연결된 거예요

메뉴 이름은 2026년 11월 11일에 Cursor 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요

VS Code에 연결할 수 있어요 · 약 2분

키 필요 없음, 설치 필요 없음

이 버튼으로 VS Code 열기
VS Code에서 열기
VS Code가 설치를 확인하면 Install을 누르세요
완료
VS Code에서 AI 채팅을 Agent 모드로 열기
완료
해 보기
Candor UI docs을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐
✓ VS Code가 Candor UI docs을 쓰고 있다고 하거나 답에 Candor UI docs 도구 이름이 나오면 연결된 거예요

메뉴 이름은 2026년 11월 11일에 VS Code 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요

Windsurf, Zed, Gemini CLI 같은 다른 MCP 앱은 추가 방법이 저마다 달라요. 앱 목록에서 확인하세요

MCP를 쓰는 앱 모두 보기 →

웹으로 연결하는 앱용 주소

주소https://candor.themethodic.com/mcp

JSON 설정은 아래 “개발자용”에 있어요

막혔나요? Candor UI docs을 쓰는 사람에게 물어보세요💬 토론 →

개발자용: 터미널 명령과 JSON 설정

웹으로 연결

Claude Code

claude mcp add --transport http --scope user candor https://candor.themethodic.com/mcp

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "candor": {
      "url": "https://candor.themethodic.com/mcp"
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "candor": {
      "type": "http",
      "url": "https://candor.themethodic.com/mcp"
    }
  }
}

이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.

한눈에 보기

GitHub 스타 i: 0
주간 다운로드i: npm/PyPI에 없음
확인된 도메인: ✓ themethodic.com
라이선스 i: 라이선스 표시 없음
연결 방식: 클라우드에서 실행
전송 방식: streamable-http
최신 버전i: 4.0.2
카테고리i: 기타
레지스트리 공개i: 2026년 11월 12일
코드 마지막 변경i: 2026년 11월 11일
제작자: MethodicDev
저장소: MethodicDev/candor
웹사이트: candor.themethodic.com
레지스트리 상태: 활성

어떤 앱에서 쓸 수 있나요

이 서버의 연결 방식과 각 앱의 공식 문서를 바탕으로 했어요. 2026년 11월 10일 확인.

인터넷으로 연결하는 앱

Claude ChatGPT Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Open WebUI Raycast

모든 앱과 장단점 →

할 수 있는 일

도구 이름과 설명은 서버가 2026년 11월 10일에 알려 준 그대로예요. 우리가 아니라 제작자가 쓴 글이고, 일반 텍스트로만 보여 드려요.

search_docs
Search Candor UI's components, hooks, blocks and patterns by what they do ("approve a tool call", "cost estimate", "session list"). Returns names, tiers and one-line descriptions; read one with get_component_docs.
get_component_docs
Read one item's docs as Markdown: what it is, its tier and install command, an example with the import paths an app uses, every prop, function, type, and the LocaleProvider string keys.
suggest_components
Describe the screen or feature you're building; get the Candor UI items that fit, why, the matching patterns and screens, and an install command per tier. When nothing in Candor fits, it says so rather than suggesting something close. Pass `sdk` so only your agent SDK's adapter i
list_components
List every item by group (Chat, Agent work, App shell, …), or one group's items with descriptions.
get_pattern
Read a pattern as Markdown: a common problem in agent UIs (approvals, traces, cost guards, …) and the components that solve it.
list_screens
List the screen catalogue by area (talking to the agent, approving and controlling, watching the work, …), one line per screen: what it's for and its slug. Read one with get_screen.
get_screen
Read one screen as Markdown: what it's for, two or three layouts with when to pick each, the Candor UI items that build each (with tiers), an install command, the honesty rules that matter most on it, and a brief to hand to the coding agent that builds it.
get_started
How to install Candor UI in a React or Next.js app, render a chat, connect an agent SDK, add licensed items and keep them updated.
get_brief
One item's brief to hand to the coding agent that builds the screen: the same Markdown the docs page's "Copy for a coding agent" button copies (what the item is, its tier and install command, an example with the import paths an app uses, every prop, the string keys, and the rules
get_design
The design system as Markdown: every colour role and what it's for, the type scale, radius, shadows, motion, density and themes, read from the shipped CSS; how an app re-tokens for its brand; and how to build the screens around Candor components (surfaces, rhythm, writing, do and
get_review_checklist
The checklist to run after each screen where an AI agent acts, before moving on: one line per check, each tied to a rule (model output is text, unknown stays unknown, a locked control says why, nothing pre-selected, approve the exact change, reasoning is believed, the app names t
theme_check
Check a brand file (candor-brand.css, or any CSS that sets Candor's tokens) the way `npx candor-ui theme check` does: colour contrast of every text and edge pairing in light, dark and high contrast, each with its ratio and the ratio it needs; then the --cd-motion-* and --cd-sound
item_changes
What changed in one item between two released versions, from facts only, to plan an update and write its PR: props added, removed or retyped, exports and LocaleProvider string keys added or removed, and files touched, from each release's API record; then the CHANGELOG entries in

기본 점검i

누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 12일 점검

! 주의
제작자와 저장소 일치
게시자(themethodic.com)가 저장소 소유자(MethodicDev)가 아니에요. 다른 사람이 등록했을 수 있어요
✓ 통과
계속 관리되고 있음
코드 마지막 변경: 어제
… 아직 점검 안 함
라이선스 있음
아직 GitHub에서 이 저장소를 읽어 오지 않았어요
✓ 통과
엔드포인트 응답
491ms 만에 응답(HTTP 200)
– 해당 없음
OAuth로 로그인
로그인 필요 없음
✓ 통과
도구 설명에 숨겨진 지시 없음
도구 설명 13개를 읽었고, AI에게 보내는 숨겨진 지시는 없었어요

토론

질문하고, 팁을 나누고, 안 되는 점을 알려 주세요. "도움이 됨"이 많은 순서예요.

아직 글이 없어요. 처음으로 질문하거나 공유해 보세요.

이곳의 글은 사용자가 쓴 것으로, PopNx 팀의 글이 아니에요.

Google로 로그인하고 글쓰기

사용자 리뷰

아직 리뷰가 없어요

Google로 로그인하고 리뷰 쓰기

기타 카테고리의 다른 서버와 비교i

이 카테고리의 다른 서버 19299개 중 0%보다 스타가 많아요
이 카테고리의 다른 서버 19299개 중 99%보다 최근에 레지스트리에 공개됐어요
기본 점검 결과가 이 카테고리의 다른 서버 19299개 중 44%와 같거나 더 좋아요

레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.

자주 묻는 질문

Candor UI docs, 안전한가요?

해당하는 기본 점검 4개 중 3개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.

어떤 키나 코드가 필요한가요?

레지스트리에 필수 키가 나와 있지 않아요. 다만 처음 쓸 때 로그인을 요구하는 서버도 있어요.

내 컴퓨터에서 실행되나요, 클라우드에서 실행되나요?

제작자의 클라우드에서 실행돼요. 설치 없이 인터넷으로 연결하지만, 보내는 내용은 제작자의 서버를 거쳐요.

아직 관리되고 있나요?

GitHub 저장소는 마지막으로 어제 변경됐고, 최신 버전(4.0.2)은 오늘 레지스트리에 올라왔어요.

어떤 앱에서 쓸 수 있나요?

Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. URL로 연결되므로 원격 MCP를 지원하는 앱에서도 쓸 수 있어요. 예: ChatGPT Business 이상.

대신 쓸 수 있는 건 뭐가 있나요?

같은 카테고리에는: World Monitor, Claude Flow, Windmill

같은 카테고리의 다른 것

같은 카테고리에서 다른 제작자가 만든 서버예요. 스타 순으로 정렬했어요.

카드 보는 법:↓ 주간 다운로드i★ GitHub 스타i세 기둥: 리뷰 · 점검 · 사용 정도i업데이트 = 최신 버전을 레지스트리에 공개한 날i

World Monitor

Real-time global intelligence on conflict, markets, energy, trade, shipping and cyber. 102 tools.

제작자: koala73널리 사용됨★ 9만오늘 업데이트

클라우드에서 실행✓ 서비스 회사 · worldmonitor.app

설치

Claude Flow

AI orchestration with hive-mind swarms, neural networks, and 87 MCP tools for enterprise dev.

제작자: ruvnet널리 사용됨↓ 1.4만/주★ 8.1만14개월 전 업데이트

내 컴퓨터에서 실행

설치

Windmill

Run Windmill scripts and flows and manage jobs, schedules, resources and variables.

제작자: windmill-labs널리 사용됨★ 1.9만오늘 업데이트

클라우드에서 실행

설치

제작자의 README

README 열기

제작자의 저장소에서 쓰인 그대로 가져왔어요. PopNx MCP가 검토하거나 보증한 내용이 아니에요. HTML, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.

Candor UI: the free tier

Interface components for agent apps: a thread, messages, a composer, tool calls, reasoning and citations, the building blocks under them, a light, dark and high-contrast theme, and adapters for the Vercel AI SDK, the Claude Agent SDK and AG-UI. Built on shadcn, installed with its CLI, MIT licensed.

This repo is the source of Candor UI's 54 free items (version 1.9.0), the skill and plugins for coding agents and a starter app. Docs and live examples: https://candor.themethodic.com.

Install

npx candor-ui init

npx candor-ui add thread message composer

candor-ui init adds the @candor registry to components.json and the theme to your CSS; in a project without shadcn yet it runs shadcn's setup first (--yes sets it up with Radix and shadcn's nova preset, no questions). Or add the registry by hand: "@candor": "https://candor.themethodic.com/r/{name}.json". If shadcn asks to overwrite a primitive such as ui/button.tsx, answer yes: Candor's button styles locked actions; without a terminal, pass --overwrite.

For coding agents

llms-install.md tells an agent how to set Candor up in a project by itself: the CLI, the docs MCP server, the skill and the honesty rules to keep. The skill alone:

npx skills add MethodicDev/candor

installs two skills: skills/candor-ui (which component fits which job, the adapters, and the rules the components keep, with a design-system reference read from the shipped CSS) and skills/candor-agent-ui (design fundamentals for screens where an AI agent acts, with a review checklist to run after each screen; it works with or without Candor).

The plugins install the skill and the docs MCP server together. Claude Code: claude plugin marketplace add MethodicDev/candor, then claude plugin install candor-ui@candor (or, in a session, /plugin install candor-ui --marketplace MethodicDev/candor). GitHub Copilot CLI: copilot plugin marketplace add MethodicDev/candor, then copilot plugin install candor-ui@candor. VS Code installs candor-ui from this repo's URL; Cursor reads .cursor-plugin/marketplace.json; the Codex package is plugins/codex/candor-ui.

The MCP server at https://candor.themethodic.com/mcp serves docs and component suggestions only: read-only, no key, never paid source. .mcp/server.json describes it for the MCP registry. Agents can also read https://candor.themethodic.com/llms.txt.

Starter

starter/ is a Next.js app with a working agent chat built from these components:

npx degit MethodicDev/candor/starter my-agent-app

What's here

theme: Candor's default theme: light, dark and high contrast, contrast-checked. Import styles/candor.css after Tailwind.
font-inter: Inter, Candor's default typeface, self-hosted (OFL-1.1). Optional: without it the theme uses the system font. Import styles/candor-font-inter.css next to candor.css.
ag-ui: Turns AG-UI events into Candor messages, waiting approvals and usage, with AG-UI 1.0's shared state and activities.
ai-sdk: Vercel AI SDK (v7) UI messages to Candor messages: text, reasoning, tool calls, sources and data cards.
claude-agent-sdk: Turns Claude Agent SDK events into Candor messages, waiting approvals (and the agent's questions), usage and sources, and a person's answer back into the SDK's result.
claude-agent-server: The server half of the Claude Agent SDK adapter: stream a run to useClaudeAgent, keep its permission requests in a store your own route can answer, and let a browser re-attach to a run after a reload.
use-ag-ui: Wires an AG-UI agent to Candor: messages for / , props for , and the interrupts waiting on a person.
use-candor-chat: Wires a useChat() result to Candor: messages for / , props for , and the tool calls waiting on a person.
use-claude-agent: Wires a Claude Agent SDK server route to Candor: messages for / , props for , and the tool calls waiting on a person, re-attaching to a run after a reload.
copy-field: A value a person copies somewhere else (a callback URL, a scope list).
degraded-panel: Something couldn't be done.
locale: The interface's words, language and direction.
locked: The honest-state rule: a control that cannot be used says why.
relative-time: A time as people say it ("5 minutes ago"), with the exact time on hover, safe to render on the server.
status-dot: How many times the status reached done or failed from an unfinished one while the dot was on screen; zero when it mounted finished, so nothing moves for a change the reader never saw.
step-list: How many times status has reached succeeded or failed from an unfinished status while this component was on screen.
streaming-text: Text that is still arriving.
surface: Candor's card: a plain, muted, bordered or floating surface, so no screen hand-rolls its own.
terms: The app's words for its own concepts, so components read like the product: one app says "org", another "project" or "workspace".
agent-avatar: An agent's glyph and hue by role, so people can tell agents apart at a glance.
ai-disclosure: A plain notice that the person is interacting with an AI system: a first line in the thread (variant="line") or a compact "AI" badge for a thread header (variant="badge") that opens to the app's own explanation.
attachment-preview: A file waiting to be sent, as a chip in the composer: its name, then upload progress, an error, or its size, and a remove button.
card-registry: A card an agent's reply can carry.
citation: An inline [n] that opens its source in a popover, so evidence is one step away without leaving the thread.
composer: Where a person writes to the agent: @ mentions attach things as references, / starts a known action, and the scope says where the ask runs.
context-meter: What fills the model's context budget, as a ring in the composer that opens to a breakdown: system, instructions, Know, the thread, tools, files.
entity-chip: A thing in the user's system (a table, a record, a flow) as a chip with its kind's icon, that can open it.
folded-turns: A run of turns folded into one line, for long agent work a reader doesn't need to see step by step: "Drafted three versions and compared them".
message-actions: Copy, retry and rate under an agent's reply.
message-content: A message's typed blocks (paragraphs, lists, code, tool calls, cards), rendered as text, never as markdown or HTML.
message: One message in a thread.
payload: A block of code or query text from the agent: a query it ran, code it wrote, a config file.
permission-prompt: A tool call waiting for a person's go-ahead: what it will do, why it reached them, and the permission mode the run is in.
prompt-suggestions: Prompts to start from.
reasoning: The agent's stated reasoning above its answer.
thread-divider: A rule across the thread with a label in the middle: a day ("Today", "Yesterday", "5 Nov 2026") or a chapter of the conversation ("Drafting", "Review").
thread-event: A quiet, centred line in a thread for something that happened rather than something said: "Sam joined", "Switched to the staging environment", "Run stopped by a guardrail".
thread: The scrolling message column.
tool-call: One tool call as a compact row: what it did in plain words, its status, and how long it took.
chat: The data a Candor thread renders.
highlight: A small syntax highlighter for code an agent shows: it splits text into typed tokens (keyword, string, comment…), and Payload renders each as a span.
know: The data behind the agents' knowledge base and agent settings.
mcp-input: MCP's "input required" results (spec 2026-07-28, multi round-trip requests) as Candor data: a server's form becomes questions for ClarifyingQuestions, a plain confirmation or a link to open becomes a two-answer Decision for ApprovalDecision, and the person's answers become the inputResponses the client sends when it retries the call.
render-prop: Lets Candor's Radix-based primitives also take Base UI's render prop.
safe-markdown: Reads model text as safe markdown: paragraphs, lists and fenced code.
status: The status vocabulary every Candor agent component shares.
use-copy: Copy text and report what actually happened.
use-shortcut: The keys of a combo as they should be printed: "mod+k" → ["⌘", "K"] on a Mac and ["Ctrl", "K"] elsewhere.
use-virtual-list: Render only the items of a long list that are in or near view, for Thread's and SessionList's virtualize.
button: shadcn's button in Candor's theme, with a locked state for (dimmed, and says why).
collapsible: shadcn's collapsible (Radix) in Candor's theme.
popover: shadcn's popover (Radix) in Candor's theme.
skeleton: A loading placeholder in the shape of what's coming.
tooltip: shadcn's tooltip (Radix) in Candor's theme.

Pro and Premium

Plans, approvals, diffs, runs, evals, the app shell, admin screens, full-stack blocks and templates are in the paid tiers: https://candor.themethodic.com/#pricing.

Contributing

This repo is generated from Candor UI's main repo on each release. Issues are welcome here; pull requests are read and applied upstream by hand, so they show up in the next release rather than being merged directly.

Licence

MIT, © Methodic LLC. See LICENSE. It covers this repository's free items; Candor UI's paid items are under the Candor UI Commercial Licence.

Candor UI docs

What it does

설치

Claude의 Connectors 페이지 열기

“+ Add” → “Add custom connector”를 누르고 이 2칸 채우기

채팅에서 켜기

해 보기

웹 ChatGPT에서 MCP 추가 페이지 열기

이름과 주소 입력

채팅에서 Candor UI docs 고르기

해 보기

터미널 열기

이 명령을 붙여 넣고 Enter

Claude Code에서 /mcp 입력

해 보기

이 버튼으로 Cursor 열기

Cursor에서 AI 채팅을 Agent 모드로 열기

해 보기

이 버튼으로 VS Code 열기

VS Code에서 AI 채팅을 Agent 모드로 열기

해 보기

웹으로 연결

한눈에 보기

어떤 앱에서 쓸 수 있나요

할 수 있는 일

기본 점검i

제작자와 저장소 일치

계속 관리되고 있음

라이선스 있음

엔드포인트 응답

OAuth로 로그인

도구 설명에 숨겨진 지시 없음

토론

사용자 리뷰

기타 카테고리의 다른 서버와 비교i

자주 묻는 질문

같은 카테고리의 다른 것

World Monitor

Claude Flow

Windmill

제작자의 README

Candor UI: the free tier

Install

For coding agents

Starter

What's here

Pro and Premium

Contributing

Licence