skill-v4.4.0

HKUDS/Vibe-Tradingskill-v4.4.0Oct 1, 2026by pbakaus

Upgrading?

AI Summary

Introduces browser-based component review, design variant generation, and touch gesture testing to streamline the design-to-code workflow.

Key Highlights

  • Review component kits directly in the browser with iterative approval.
  • Apps now look like apps with directional design shaping.
  • Instant design variants generated via the `/impeccable generate` command.
  • Touch interactions are tested using actual gestures, not resized screenshots.
  • Rendering checks now measure exactly what the browser draws.

New Features

  • Browser-based component review with approval carry-over.
  • Directional design shaping for dashboards and tools.
  • Automated variant generation for pricing cards and UI elements.
  • Improved accuracy in line length and padding findings.
  • Removal of false update notifications for current installs.

Full Release Notes

- **Review the component kit in your browser.** Each illustration, photo and rendered component sits next to its crop of the comp. Approve it, or say what needs fixing and the agent repairs it for the next round. Repeated pieces, like a row of cards, are reviewed together. Approvals carry over between rounds, and a component whose files change is reviewed again.

- **Then check the first screen.** Once the page is assembled, you review the first viewport against the comp. Accepting it closes review for that build; the agent finishes the rest in the same direction. When nobody is at the keyboard, the review waits for you instead of approving itself.

- **Apps look like apps.** On dashboards, tools and docs, the chosen direction now shapes type, color accents, density and one signature detail, while navigation, tables, charts and controls stay the standard kind your users already know. Landing pages and portfolios still get the full treatment.

- **Variants on request.** The new `/impeccable generate` command takes one sentence, like “generate 3 bold variants of the pricing cards”, finds the element on your open page and has the variants cycling in your browser within about a minute. Accept one and it becomes source code.

- **Findings you can trust.** Line length, padding and three other rendered checks now measure the lines and boxes the browser actually draws, and each finding names the screen width it fired at. Pale placeholder text is caught. Colors defined in your `DESIGN.md` are no longer flagged as a generic AI palette, and Tailwind spinners no longer count as accent borders.

- **Touch gets tested by touch.** `adapt`, `audit` and `harden` now exercise each control’s primary gesture instead of accepting a resized screenshot as proof.

- **No false update notices.** Current installs stop reporting that an update is available.

Related Repositories