Skip to content
aarness.
Marketplace

Skill

Component Canvas

Builds a pan-and-zoom page that lays out a project's real components and variants side by side without changing them.

Haarnessverifieddesigncomponentsstorybook alternativecanvasvariantsdesign system
InstallAdd to a workspace

Install

  1. 1

    Get Haarness

    Free and open source. Skip this step if Haarness is already on your computer.

    Download for macOSor
    curl -fsSL https://haarness.ai/install.sh | sh

    Free and open source. Skip this step if Haarness is already on your computer.

    Download for Windowsor
    irm https://haarness.ai/install.ps1 | iex

    Free and open source. Skip this step if Haarness is already on your computer.

    Download for Linuxor
    curl -fsSL https://haarness.ai/install.sh | sh

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

  2. 2

    Add Component Canvas

    Run this in a terminal. Add --global to install for every project, or --local for this project only.

    haarness marketplace install skill haarness/component-canvas

Notes

From ibelick/ui-skills (skills/component-canvas), by ibelick. Licence: MIT. Haarness keeps it in sync with the repository; installs update themselves.

Details

Publisher
Haarness
Version
v1
License
MIT
Visibility
public
Updated
Source
github.com/ibelick/ui-skillsskills/component-canvas · mainKept in sync · 59193a7

Versions

  • v1