Create or update HTML frames on the OpenDesign canvas from project docs.
npx skills add https://github.com/basta/OpenDesign --skill frame-basta
Please help me install this Agent Skill. Skill: frame Source: https://github.com/basta/OpenDesign/tree/main/.claude/skills/frame Command: npx skills add https://github.com/basta/OpenDesign --skill frame-basta
OpenDesign users need a simple way to create or update an HTML frame on the canvas, ensuring frames are self-contained and live-synced with the project docs.
Describe the desired frame and I will create or update the corresponding frame on the OpenDesign canvas.
High-intent search queries and answers about installing and using this skill.
To create an HTML frame on the OpenDesign canvas, describe the desired screen or component. The Skill generates a self-contained HTML file with inline CSS and JS, then syncs it to the canvas.
Frame synchronization works by reading PROJECT.md, DESIGN.md, FEEL.md, and frames.json via the server API. The frame's appearance and behavior are shaped by integrating this project documentation data.
Yes, you need a running OpenDesign server to update frames. The Skill requires server access to read project files like frames.json and to write the resulting HTML frame file to the filesystem.
Yes, you can add inline CSS and JS when creating an OpenDesign frame. The Skill generates a single HTML file per frame-id with embedded styles and scripts to ensure the frame is entirely self-contained.
A key limitation is the dependency on a running OpenDesign server and filesystem access. Without the server API to read project docs and write files, the deterministic frame content and live canvas synchronization cannot function.
bastaGenerate three design token variants for an OpenDesign project.
bastaPort existing codebases into OpenDesign projects as inline HTML frames per screen.
bastaGenerate N parallel design alternatives for side-by-side comparison on the OpenDesign canvas.
syncfusionConvert Markdown text to HTML via the static toHtml API.
