Last Updated: Jan 27, 2026
Connect Ink with AI models using the Model Context Protocol
A complete rewrite of ask-ink as an MCP (Model Context Protocol) server built on the latest SDK to deliver a standardized way to connect Ink with AI models.
Prompt-to-Ink: Describe the UI you need built and the AI assistant will pick and choose which tools it needs to complete your request.
(Recommended) Claude Code via Terminal
claude/plugin marketplace add carta/claude-marketplace/plugin install ask-ink
(Alternative) Windsurf, Claude, VS Code, etc via config file
"ask-ink": {"serverUrl": "https://ask-ink.carta.rocks/mcp"}
(Alternative) Direct URL Reference
For all other configs:
https://ask-ink.carta.rocks/mcp
To help you get started, here are some sample prompts demonstrating its capabilities:
Complex UI Generation
Build a sortable ink table with the following 6 columns and 7 rows- stakeholder's name- stakeholder's email- date within the last year- a status bubble indicating "Accepted", "Rejected", or "In Review"- a random dollar amount ranging from -$1000 to $1000- add a more actions dropdown in the last column
Tech Debt Reduction
Ask-ink can assist in migrating older Ink components to newer versions. You may need to make a few adjustments for complex migrations, but for simpler conversions this works as well as a codemod.
Help migrate this old ink Table to NewTable. Find, analyze, and reference the migration guide.
Help migrate old datepicker to new datepicker. Ensure all components and props are valid.
Troubleshooting
Got a question we can't answer? We might be missing documentation so please let us know!
Tell me how to handle form validation in Ink
How do I make Modal Dialog accessible?
Ink Consistency
Tip: Tell the LLM to query for that component's samples if it doesn't do it automatically.
What's the approved way to display monetary values and percentages?
Which component should I use for status indicators in a table?
Onboarding / New Engineers
These results may vary depending on what repo you're indexing.
What ink components are used for building user dashboards?
Show me examples of how ink handles investor data display
What's the standard way to build an ink form?
Discovery
These results mirror our documentation site!
Show me Button documentation
What components are available for displaying data?
Show me all form-related components
The Ask-Ink MCP can generate code in conjunction with other MCPs.
Figma MCP
For full installation and usage details, see Figma's MCP guide.
Claude Code via Terminal:
claude mcp add --transport http figma http://127.0.0.1:3845/mcp
Example prompt:
<either select or copy link to node in Figma Desktop application>Build this with only ink components
Playwright MCP
For full installation and usage details, see Playwright's MCP repo.
Claude Code via Terminal:
claude mcp add playwright npx @playwright/mcp@latest
Example prompt:
<initial prompt describing the UI to be built>Use playwright-mcp to access the dev server at localhost:4004 and verify your work
Your feedback is crucial for the continuous improvement of Ask-ink. We need your help to understand your use cases, provide statistics on which tools to prioritize, and show where we need to improve the data we provide.
Slack Channel Assistance
Join #ask-ink channel for general questions, suggestions, vibes, etc!
Export Your Session for Troubleshooting
To help us better understand your issue, export your Claude Code conversation:
/export filename.txt
(You can also /resume a conversation if you had previously closed it)
Record a Zoom Diary
Join this zoom meeting to share your experience and we will automatically be notified.
Weekly Survey
Take a few moments to fill out our short weekly survey.