Device Setup Wizard

Name: Device Setup Wizard
Author: Imlokzu

React + Vite + Tailwind CSS project running inside Figma Make.

by Imlokzu(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Imported from Imlokzu/claude-bot (Device Setup Wizard/AGENTS.md). Install upstream with npx skills add Imlokzu/claude-bot --skill Device Setup Wizard. Copyright stays with the author.

figma-make-app

React + Vite + Tailwind CSS project running inside Figma Make.

Development Server

A Vite development server is always running on $PORT (default 8443). You don't need to start it manually.

Preview URL: The user can access the running app through the preview panel
Hot reload: Changes to source files are reflected immediately

Key Files

src/App.tsx - Main application component
src/main.tsx - React entry point
src/index.css - Global styles and Tailwind CSS import
package.json - Dependencies and scripts
vite.config.ts - Vite configuration
.mise.toml - Toolchain versions (Node.js, pnpm)

Styling

This project uses Tailwind CSS v4 for styling. Use Tailwind utility classes directly in JSX. Tailwind is loaded via the Vite plugin — no PostCSS config needed.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/imlokzu-claude-bot-device-setup-wizard/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

imlokzu-claude-bot-device-setup-wizard.ocm.jsonjson

{
  "ocm": "1",
  "id": "imlokzu-claude-bot-device-setup-wizard",
  "kind": "skill",
  "name": "Device Setup Wizard",
  "description": "React + Vite + Tailwind CSS project running inside Figma Make.",
  "publisher": "Imlokzu",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "github-agents"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "React + Vite + Tailwind CSS project running inside Figma Make."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-agents",
      "repository": "https://github.com/Imlokzu/claude-bot",
      "path": "Device Setup Wizard/AGENTS.md",
      "ref": "b105f5bba36af750f7334d4c82e223e900990234",
      "url": "https://github.com/Imlokzu/claude-bot/blob/b105f5bba36af750f7334d4c82e223e900990234/Device Setup Wizard/AGENTS.md",
      "key": "Imlokzu/claude-bot/Device Setup Wizard/AGENTS.md"
    }
  },
  "instructions": "# figma-make-app\n\nReact + Vite + Tailwind CSS project running inside Figma Make.\n\n## Development Server\n\nA Vite development server is **always running** on `$PORT` (default 8443). You don't need to start it manually.\n\n- Preview URL: The user can access the running app through the preview panel\n- Hot reload: Changes to source files are reflected immediately\n\n## Key Files\n\n- `src/App.tsx` - Main application component\n- `src/main.tsx` - React entry point\n- `src/index.css` - Global styles and Tailwind CSS import\n- `package.json` - Dependencies and scripts\n- `vite.config.ts` - Vite configuration\n- ",
  "cost": {
    "context_tokens": 206
  }
}

Fetch it by URL: GET /api/v1/registry/imlokzu-claude-bot-device-setup-wizard/manifest?version=1.0.0