Refero for Claude Code
Installs the Refero design skill and read-only Refero MCP connection as a native Claude Code plugin.
.claude-plugin/plugin.jsonClaude Code design plugin with Agent Skill and MCP tools · Early-stage versioned project
MIT-licensed Claude Code plugin and portable Agent Skill that requires reference-led design research, routes work through bundled craft guidance and a read-only Refero MCP service, and uses repository-reported access to 150,000+ app screens and 6,000+ user flows for evidence-backed UI, product, and web design.
Selection
Boundaries
Strengths
Risk profile
First-party files describe the MCP connection as read-only, state that manifests contain no access tokens, and use OAuth for live access. SECURITY.md directs private reports to support@refero.design and states a 48-hour response target. The documented release check covers manifest consistency and common secret leaks. Uncertainty: the MCP configuration, server implementation, release script, platform validation, and any audit evidence were not supplied, so read-only enforcement, OAuth storage, transport handling, and server-side controls could not be verified.
Component inventory
Installs the Refero design skill and read-only Refero MCP connection as a native Claude Code plugin.
.claude-plugin/plugin.jsonResearch-first UI and product-design methodology with craft references, reference locks, decision ledgers, and visual quality gates.
skills/refero-design/SKILL.mdOAuth-backed live research connection for Refero styles, real product screens, and user flows.
README.mdSearches semantic style references extracted from real web marketing and product pages.
skills/refero-design/SKILL.mdRetrieves a full style reference with visual thesis, tokens, typography, composition, components, imagery, and implementation guidance.
skills/refero-design/SKILL.mdSearches real interface screens for concrete layouts, components, states, copy, and CTA patterns.
skills/refero-design/SKILL.mdRetrieves full details for a selected product screen.
skills/refero-design/SKILL.mdExpands research from a strong screen to related interface examples.
skills/refero-design/SKILL.mdRetrieves a raw screenshot image for direct visual inspection.
skills/refero-design/SKILL.mdSearches real multi-step journeys such as onboarding, checkout, cancellation, deletion, and password reset.
skills/refero-design/SKILL.mdRetrieves step-by-step goals, actions, system responses, and completion states for a selected flow.
skills/refero-design/SKILL.mdResearches and locks a clear direction, then proceeds directly to implementation.
skills/refero-design/SKILL.mdProduces reference-locked visual options before implementation, defaulting to three alternatives for selection.
skills/refero-design/SKILL.mdUses screenshots, Refero screens, or flows as evidence for interface critique.
skills/refero-design/SKILL.mdGenerates bitmap media only when a locked reference requires assets that code, icons, or existing media cannot provide.
skills/refero-design/SKILL.mdDirectory-installed OpenAI plugin bundling Refero MCP and Refero Skill with OAuth sign-in.
.codex-plugin/plugin.jsonGitHub-installed Codex plugin exposing the Refero skill and MCP server.
.codex-plugin/plugin.jsonCursor package metadata points to the shared skills directory and Cursor MCP manifest.
.cursor-plugin/plugin.jsonGemini CLI distribution of the Refero package through its extension manifest.
gemini-extension.jsonChecks manifests, versions, local links, the canonical MCP URL, package boundaries, and common secret leaks.
scripts/check-releaseTechnical profile
Classification
Evidence: a Claude Code plugin manifest packages the refero-design SKILL.md and MCP configuration; the skill injects design methodology, the read-only MCP exposes research tools, and the workflow routes among styles, screens, flows, and build paths. Live use adds OAuth and a paid plan.
Claude Extension · low setup effort · high confidence · automatedEvidence and risk
Routing context
Both extend Claude Code with design guidance, but Refero centers one research-first skill and hosted visual corpus while designer-skills offers a broad multi-plugin design-practice library.
high confidenceBoth provide portable design and frontend skills, but Refero adds a native Claude plugin and live read-only interface research while MengTo/Skills spans a much broader skill collection.
medium confidenceRefero supplies research locks and design evidence, while dzhng/skills includes broader implementation loops and screenshot-oriented visual review workflows.
medium confidence