Skip to main content

Venus

Design assistance through specialized AI agents.

Overview​

Venus is the design help abstraction - a specialized subagent that finds, adapts, and recommends UI components and design patterns.

Implementation: ClaudeBox agent with magic-mcp and context7 tools

Architecture​

Venus is not an Artemis provider - it's a ClaudeBox subagent pattern:

Main Claude Code Agent
    │
    │ "I need a settings panel component"
    ▼
Venus Subagent (via ClaudeBox)
    │
    ├── Brain: Claude model (via OpenRouter/Artemis)
    ├── Tools:
    │   ├── magic-mcp (21st.dev component library)
    │   └── context7 (documentation lookup)
    │
    ▼
Returns: Component code, dependencies, usage examples
    │
    ▼
Main Agent implements the design

Why This Approach?​

Instead of proxying to a design API (like v0), Venus uses:

  1. SOTA reasoning - Claude's brain for understanding design needs
  2. Component library - 21st.dev's curated component database via magic-mcp
  3. Documentation - Framework docs via context7

This combination is more flexible than a single design API.

Capabilities​

Component Discovery​

Venus searches 21st.dev for matching components:

"Find a data table with sorting and pagination"
→ Returns ready-to-use React component

Component Refinement​

Venus can improve existing components:

"Make this button more accessible with better contrast"
→ Returns improved version with ARIA labels

Design Inspiration​

Get ideas before implementation:

"Show me dashboard layout patterns"
→ Returns multiple options with previews

Documentation Lookup​

Venus consults framework docs:

"How do I animate this with Framer Motion?"
→ Returns code with proper API usage

Usage​

See ClaudeBox Custom Agents for:

  • How to invoke Venus
  • Venus configuration
  • Creating similar specialized agents

Tools Available​

ToolPurpose
21st_magic_component_builderGenerate new components
21st_magic_component_inspirationFind existing components
21st_magic_component_refinerImprove existing components
logo_searchFind company logos
context7.query-docsLook up framework documentation

Relationship to Artemis​

Venus uses Artemis indirectly:

  • The Claude model powering Venus routes through Artemis (OpenRouter provider)
  • Artemis tracks the token usage and costs
  • But Venus itself is a ClaudeBox pattern, not an Artemis provider

Legacy: v0 Provider​

Artemis still has a v0 provider configured (for potential future use), but the recommended approach is the Venus subagent pattern which:

  • Doesn't require a v0 subscription
  • Has broader component access via 21st.dev
  • Combines design search with documentation lookup

See Also​