tejasraundal/writeback
v0.1.0MIT
Visually inspect React interfaces and make constrained, undoable source edits through Writeback's Tailwind-aware local bridge.
commands
- node
plugin.json
- name
- writeback
- version
- 0.1.0
- description
- Visually inspect React interfaces and make constrained, undoable source edits through Writeback's Tailwind-aware local bridge.
- author
- Tejas Raundalhttps://tejasraundal.github.io/Teclops-AI/
- license
- MIT
- extensions
- com.openai
mcp.json
- writebackstdionode ${PLUGIN_ROOT}/packages/mcp/dist/mcp.js
{
"$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
"name": "writeback",
"version": "0.1.0",
"description": "Visually inspect React interfaces and make constrained, undoable source edits through Writeback's Tailwind-aware local bridge.",
"author": {
"name": "Tejas Raundal",
"url": "https://tejasraundal.github.io/Teclops-AI/"
},
"homepage": "https://tejasraundal.github.io/Teclops-AI/",
"repository": "https://github.com/TejasRaundal/Writeback",
"license": "MIT",
"keywords": ["react", "tailwindcss", "vite", "source-editing", "mcp"],
"extensions": {
"com.openai": {
"requires_local_executor": true,
"interface": {
"displayName": "Writeback",
"shortDescription": "Edit React UI at source",
"longDescription": "Writeback is a visual development toolkit that connects browser-based React editing with actual source code. Inspect components, resolve their source locations, make constrained styling changes, reuse Tailwind design tokens, preview diffs and safely undo modifications. Designed for frontend developers and AI coding agents.",
"developerName": "Tejas Raundal",
"websiteURL": "https://tejasraundal.github.io/Teclops-AI/",
"category": "Developer Tools",
"capabilities": ["Inspect Tailwind design tokens", "Resolve editable React source", "Apply constrained source edits", "Undo Writeback edits"],
"defaultPrompt": [
"Inspect my project's Tailwind design scale.",
"Resolve this React component and show its editable styles.",
"Change this component's padding using existing design tokens and preview the source diff."
],
"brandColor": "#5B5BD6",
"composerIcon": "./packages/extension/icons/icon128.png",
"logo": "./packages/extension/icons/icon128.png"
}
}
}
}
What else this package ships
These files come with the package and this site does not publish them. They are listed so you know what is there before you install it.
- LICENSE
Client extensions
Data this package carries for particular clients. The directory lists the clients named and never reads what is addressed to them.
- com.openai