> ## Documentation Index
> Fetch the complete documentation index at: https://social-b97141fb-auto-generate-llmstxt.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Try Vise in 15 minutes

> Let your agent plan a real social.plus integration without credentials or code changes.

Use a clean branch or disposable copy of a real app. This walkthrough stops after planning so you can evaluate the workflow safely.

<Info>
  Vise requires Node.js 20 or newer. It runs locally; your coding agent follows its own data policy.
</Info>

<Steps>
  <Step title="Install Vise and its skill">
    ```sh theme={null}
    npm install -g @amityco/social-plus-vise
    vise install-skill --target claude  # or: cursor . / vscode . / copilot . / codex
    ```
  </Step>

  <Step title="Choose an evaluation input">
    Pick the example closest to your situation. The outputs below show the expected shape; the details should come from your app.

    <Tabs>
      <Tab title="Add a first feed">
        **Input**

        ```text theme={null}
        Using Vise, plan how you'd add a social feed to this app with social.plus.
        Don't change code yet. Show me the plan and the decisions you need from me.
        ```

        **Representative output**

        ```text theme={null}
        App detected: the concrete web or mobile app and its platform
        Recommended path: UIKit or custom SDK UI, with a reason
        Open decisions: region, target screen, feed source, feature scope
        Relevant docs: cited social.plus setup and feed guidance
        Files changed: none
        ```
      </Tab>

      <Tab title="Add comments">
        **Input**

        ```text theme={null}
        We already use social.plus for a feed. Using Vise, plan how to add
        comments to the existing post detail experience. Preserve the feed,
        and don't change code yet.
        ```

        **Representative output**

        ```text theme={null}
        Existing surface: feed and post detail flow
        Change impact: comments belong to the selected post
        Preserve: current feed behavior and earlier evidence
        Open decisions: replies, reactions, moderation, target route
        Files changed: none
        ```
      </Tab>

      <Tab title="Investigate a missing feed">
        **Input**

        ```text theme={null}
        Using Vise, investigate why the feed is missing from the selected
        Community detail page. Show me the intended journey, likely gap, and
        smallest safe repair plan. Don't change code yet.
        ```

        **Representative output**

        ```text theme={null}
        Intended journey: selected community -> detail page -> community feed
        Current evidence: route, target source, and relevant implementation
        Likely gap: implementation mismatch or stale/missing runtime proof
        Next step: bounded repair and the checks that must be refreshed
        Files changed: none
        ```
      </Tab>
    </Tabs>
  </Step>

  <Step title="Review the response">
    Look for four things:

    * the correct app and platform were identified
    * the plan cites real social.plus capabilities and documentation
    * region, target screen, data source, and other product choices appear as questions rather than guesses
    * the response confirms that no files were changed
  </Step>

  <Step title="Stop before implementation">
    For this evaluation, the plan and decision list are the deliverable. Do not answer the questions until you want the agent to begin implementation.
  </Step>
</Steps>

This exercise shows that Vise works with your agent and codebase. It does not prove that an integration has been built, passes project checks, or works with your credentials and tenant data.

## Continue

<CardGroup cols={3}>
  <Card title="Choose how to build" icon="route" href="/ai-mcp/vise/choose-integration-path">
    Compare UIKit with a custom SDK experience.
  </Card>

  <Card title="Maintain an existing integration" icon="screwdriver-wrench" href="/ai-mcp/vise/brownfield-day2">
    Add, diagnose, or upgrade an existing social.plus app.
  </Card>

  <Card title="How Vise works" icon="gears" href="/ai-mcp/vise/how-it-works">
    Understand the full implementation and validation loop.
  </Card>
</CardGroup>