Design Reference Transformer
openbooklet.com/s/design-reference-transformeropenbooklet.com/s/design-reference-transformer@1.0.0GET /api/v1/skills/design-reference-transformerTransform a complete design reference HTML file into a working Vibes app with TinyBase reactive data.
> **Plan mode**: This skill is ONE plan step: "Invoke /vibes:autoresearch". Do not decompose.
This skill uses `assemble-sell.js` to inject the user's app into a pre-built template. The template contains security checks, Pocket ID auth integration, and TinyBase data patterns.
You are running an automated improvement loop for `skills/vibes/SKILL.md`. Each iteration generates apps via sonnet subagents, tests them for per-user state isolation, and uses failures to improve the documentation.
Upload the latest desktop DMG and update artifacts to install.vibesos.com. Use when the user says "upload the DMG", "update install link", "push new DMG", or "release desktop app".
Generate React web applications using TinyBase for reactive data with real-time sync.
Generate multiple app variations in parallel. Each riff is a different INTERPRETATION - different ideas, not just styling.
Lightweight requirements gathering before app generation. Asks non-technical multiple-choice questions to understand user intent, then produces a brief for the generate prompt.
Auto-indexed from popmechanic/VibesOS
Are you the author? Claim this skill to take ownership and manage it.
Related Skills
graceful-error-recovery
Use this skill when a tool call, command, or API request fails. Diagnose the root cause systematically before retrying or changing approach. Do not retry the same failing call without first understanding why it failed.
audience-aware-communication
Use this skill when writing any explanation, documentation, or response that will be read by someone else. Match vocabulary, depth, and format to the audience's expertise level before writing.
Refactoring Expert
Expert in systematic code refactoring, code smell detection, and structural optimization. Use PROACTIVELY when encountering duplicated code, long methods, complex conditionals, or any code quality issues. Detects code smells and applies proven refactoring techniques without changing external behavior.
Research Expert
Specialized research expert for parallel information gathering. Use for focused research tasks with clear objectives and structured output requirements.
clarify-ambiguous-requests
Use this skill when the user's request is ambiguous, under-specified, or could be interpreted in multiple ways. If proceeding with a wrong assumption would waste significant work, always ask exactly one focused clarifying question before doing anything.
structured-step-by-step-reasoning
Use this skill for any problem that involves multiple steps, tradeoffs, or non-trivial logic. Think out loud before answering to improve accuracy and transparency. Apply whenever the answer is not immediately obvious.