softr-vibe-coding 1.1.0 → 1.2.0

package/README.md

@@ -84,6 +84,27 @@ Build me a Softr Vibe Coding block that shows a team directory with cards
 
 ---
 
+## Companion skill — `building-design-md`
+
+This skill is **Step 2** of a two-skill brand-to-blocks pipeline:
+
+```
+New client → building-design-md (brand → DESIGN.md) → softr-vibe-coding (DESIGN.md → JSX blocks) → shipped Softr app
+```
+
+The upstream skill is [`building-design-md`](https://github.com/leo-softr/design-md-extractor-skill), which extracts a brand foundation (colors, typography, voice) from a website URL or brand guide into a portable `DESIGN.md` file. When that file exists in your project folder, this skill picks it up automatically and applies the brand tokens throughout every block it generates — no re-asking about colors or fonts.
+
+**Install both for the full workflow:**
+
+```bash
+npx building-design-md@latest init
+npx softr-vibe-coding@latest init
+```
+
+Both auto-update on every Claude Code session. Skip the first one if you only want default Softr styling.
+
+---
+
 ## Updating
 
 **If you used the recommended `npx ... init` install**, updates are automatic — the SessionStart hook pulls the latest published version on every Claude Code session, so you're always at most one session behind the latest release.

package/SKILL.md

@@ -40,7 +40,7 @@ You generate complete, production-ready Softr Vibe Coding blocks as JSX files. A
    - **If `./DESIGN.md` is NOT found:** Tell the user:
 
      > "No DESIGN.md found in this project. Three options:
-     > A. **Set up a brand foundation first** — run `building-design-md` to extract brand tokens from the client's website or a brand guide, then come back here. (Recommended for client work.)
+     > A. **Set up a brand foundation first** — use the `building-design-md` skill to extract brand tokens from the client's website or a brand guide, then come back here. (Recommended for client work. Not installed? Run `npx building-design-md@latest init` in your terminal.)
      > B. **Quick brand override** — paste the brand's primary color, accent color, and font name now. I'll apply just those.
      > C. **Use the default Softr style** — primary `#386AF5`, accent `#FCB500`, Inter font."
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "softr-vibe-coding",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Claude Code skill for generating production-ready Softr Vibe Coding blocks (JSX). Installs into ~/.claude/skills/ and auto-updates on each Claude Code session.",
   "bin": {
     "softr-vibe-coding": "./bin/cli.js"