Getting The Most Out Of The InnerCircle

Step 1: Chat — Conversational Collaboration at the Component Level

Chat lets you ask questions directly on page elements and instantly receive contextual feedback from the InnerCircle agents. Whether it’s design, copy, accessibility, or structure, the responses are tailored to the exact section you’re working on.

Instructions:

1. Open a project in Atarim’s visual collaboration interface.
2. Hover over any section of the page and click the element to open task modal.
3. Click the AI chat icon inside the task modal.
4. Ask questions like:
   • “What do you think of this footer?”
   • “How can I improve this section?”
5. Receive intelligent responses tailored to the selected section.

The InnerCircle

The Inner Circle is Atarim’s team of specialized AI agents, each focused on a different domain of expertise — design, copy, accessibility, SEO, clarity, and technical performance. Working individually or together, they deliver precise, actionable feedback across every domain of your project.

• Lexi – Refines microcopy, rewrites CTAs, fixes passive voice, and aligns tone with brand.
• Pixel – Identifies layout misalignments, spacing issues, and visual inconsistencies.
• Index – Checks for missing meta titles, descriptions, image alt text, and link structure.
• Navi – Scans for contrast ratios, font sizes, screen reader compatibility, and ARIA tags.
• Claro – Detects vague comments and rewrites them into actionable, clear instructions.
• Glitch – Flags broken links, form errors, console issues, and unresponsive interactive elements.

Learn More About Lexi | Learn More About Pixel | Learn More About Index

Learn More About Navi | Learn More About Claro | Learn More About Glitch

Recommendation: Ideal during early-stage wireframes, internal QA, and component-level revisions.

Tip: Use follow-up questions such as “Can this CTA be more compelling?” to prompt more targeted suggestions from the agents.

Step 2: Review — Automated Page-Wide Evaluation

Atarim’s AI can scan your entire canvas using multiple agents to deliver strategic insights across design, structure, accessibility, and more. Learn How to Run a Page Review

Instructions:

1. Open your project using the URL method.
2. Add your Review context — describe what you’d like your InnerCircle to focus on, or choose from a preset.
3. Click Review This Page button in the canvas toolbar.
4. Select which agents to activate:
   • Pixel (Design)
   • Lexi (Content)
   • Index (Structure/SEO)
   • Navi (Accessibility)
   • Glitch (Bug Detection)
   • Claro (Feedback Clarity)
5. (Optional) Add a short description to help guide the review.
6. Click Review Page to initiate the scan.
7. Click Start Review or Reply to Refine Direction

What You’ll See:

• High-level summary of the page
• Section-specific stickers with AI suggestions (Viewport comments)
• The 10 most critical issues out of 2,500+ possible checks (Team Notes & Observations)
• Team Handoff & Top Priorities
• Recurring Themes (Grouped by Frequency)

Recommendation: Use the Review Description field to guide AI attention toward specific goals (e.g., accessibility or content tone).

Step 3: Clarify — Turn Vague Client Comments into Actionable Tasks

When vague comments like “Make this pop” are detected, the Claro agent rewrites them into clear, actionable suggestions. Learn More About How To Clarify Feedback Instantly with Claro

Instructions:

1. Leave or receive a vague comment on the canvas.
2. Claro will flag it and suggest specific rewrites, such as:
   • “Add a subtle drop shadow”
   • “Increase contrast between background and text”
3. Choose one of the suggestions, then click Clarify to accept.

Tip: Encourage clients to leave unfiltered thoughts—Claro will handle the translation into clear, aligned direction for your team. This greatly reduces miscommunication during reviews and speeds up revisions.

Step 4: Collaborate — Team Work Together

When feedback touches multiple domains — like design, copy, and accessibility — the Inner Circle agents work together behind the scenes to provide layered, comprehensive insights.

Example Workflow:

1. A vague comment is left: “Fix this section.”
2. Claro rewrites it into a detailed task.
3. Pixel evaluates layout.
4. Lexi refines messaging and copy.
5. Navi checks color contrast and screen reader compatibility.

Tip: You don’t need to assign agents manually. Atarim intelligently routes each issue to the right agent(s) based on context.

Note: This real-time collaboration reduces back-and-forth and ensures no part of your project goes unchecked.

FAQs