Skylit.DEV I/O — WordPress Sync
Sync HTML, CSS, and project files between your IDE and WordPress Gutenberg in real time.
Requires the Skylit.DEV WordPress plugin on your site. This extension does not work without it.
Quick start
- Install and activate the Skylit.DEV plugin on your WordPress site.
- Open your project in VS Code or Cursor.
- Use the Skylit item in the status bar to connect.
- Enter the auth token from WP Admin → Skylit.DEV.
What you can do
- Save files in the IDE and push changes into Gutenberg.
- Pull updates from WordPress when your workflow supports it.
- Sync media between a local
media-library/ folder and the WordPress media library.
- Manage posts from the IDE (status, slug, trash, restore) where the plugin allows.
- Jump between Gutenberg and the matching file in your editor.
Works with local WordPress, remote SSH workspaces, and decoupled setups where files live on your machine and WordPress runs elsewhere.
Commands
Open the Command Palette and search for Skylit:
- Connect / Disconnect
- Sync Current File
- Setup Auth Token
- Push / Import / Full Media Sync
- Check for Extension Update
- Show Menu (quick actions)
Settings
File → Preferences → Settings → Skylit.DEV I/O
- Auto Connect — connect when WordPress is detected
- Debounce Delay — wait before syncing after edits (default 500 ms)
- Show Notifications — sync success/error toasts
- Cursor Tracking — align IDE cursor with Gutenberg block selection
- Debug Output — verbose logs in the Output panel (for support)
Status bar
- Connected — ready to sync
- Connecting… — pairing with the site
- Disconnected — not linked
- Error — check token, URL, or plugin status
Click the status item for the action menu.
Troubleshooting
Cannot connect
- Confirm the Skylit.DEV plugin is active.
- Regenerate the auth token in WordPress and paste it again.
- Check that your site URL is reachable from this machine.
Files not syncing
- Status bar must show Connected.
- Edit files inside the dev folder structure your site expects.
- Enable Debug Output and review the Skylit.DEV I/O output channel.
Cursor / jump issues
- Enable Cursor Tracking and refresh the block editor.
- Ensure plugin and extension versions are compatible (update both when prompted).
Requirements
- VS Code or Cursor 1.80+
- Skylit.DEV WordPress plugin (licensed)
- Network access to your WordPress site
Support
License
Proprietary — see LICENSE. All rights reserved.
| |
