<Devsly/>
NotebookLM Watermark Remover
Remove the NotebookLM watermark from PDF slide exports — free, unlimited, and 100% in your browser.
View
NotebookLM Video Watermark Remover
Remove the NotebookLM watermark from every frame of your MP4 and auto-trim the end card — free and unlimited.
View
Gemini Watermark Remover
Remove the Gemini (Veo) sparkle watermark from every frame of your AI-generated MP4 — free and unlimited.
View
MCP https://devsly.io/mcp MCP Tools Best Skills API Docs
Devsly

Keyboard Shortcuts

Navigation

Quick Search
⌘ / Ctrl + K
Toggle Dark Mode
⌘ / Ctrl + D
Close Dialogs
Esc

Tool Actions

Execute / Process
⌘ / Ctrl + Enter
Clear Input
⌘ / Ctrl + Shift + C
Copy Output
⌘ / Ctrl + Shift + X

Editor

Select All
⌘ / Ctrl + A
Undo
⌘ / Ctrl + Z
Redo
⌘ / Ctrl + Shift + Z

Updated 1mo ago

by strongeron

storybook-workbench

AI agent skill bundle for Storybook on React + Vite — audit real-vs-slop components, capture flows, write CSF3 stories, ship. Claude Code / Codex / Cursor.

  • Multi-agent — Targets three or more agents
Works with
  • Claude
  • Codex
  • Cursor
View on GitHub (opens in a new tab)

39 GitHub stars (39)

+2 in 30 days

Stars gained per day · daily snapshots since Sep 30
Stars gained per day, Sep 30 to Nov 6: +2 in total; the busiest day was Oct 10 with +1 stars.Oct 1: 0 starsOct 2: 0 starsOct 3: 0 starsOct 4: 0 starsOct 5: 0 starsOct 6: 0 starsOct 7: 0 starsOct 8: 0 starsOct 9: 0 starsOct 10: +1 starsOct 11: 0 starsOct 12: 0 starsOct 13: +1 starsOct 14: 0 starsOct 15: 0 starsOct 16: 0 starsOct 17: 0 starsOct 18: 0 starsOct 19: 0 starsOct 20: 0 starsOct 21: 0 starsOct 22: 0 starsOct 23: 0 starsOct 24: 0 starsOct 25: 0 starsOct 26: 0 starsOct 27: 0 starsOct 28: 0 starsOct 29: 0 starsOct 30: 0 starsOct 31: 0 starsNov 1: 0 starsNov 2: 0 starsNov 3: 0 starsNov 4: 0 starsNov 5: 0 starsNov 6: 0 stars
Stars gained between daily snapshots
PeriodNew stars
Oct 10
Oct 20
Oct 30
Oct 40
Oct 50
Oct 60
Oct 70
Oct 80
Oct 90
Oct 10+1
Oct 110
Oct 120
Oct 13+1
Oct 140
Oct 150
Oct 160
Oct 170
Oct 180
Oct 190
Oct 200
Oct 210
Oct 220
Oct 230
Oct 240
Oct 250
Oct 260
Oct 270
Oct 280
Oct 290
Oct 300
Oct 310
Nov 10
Nov 20
Nov 30
Nov 40
Nov 50
Nov 60
  • 11 skills (11 skills found in its SKILL.md files)
  • 0 forks (0 forks)
  • 1mo ago last update (Last updated 1mo ago)

Install

Skills CLI

npx skills add strongeron/storybook-workbench

Asks which skills and agents to install. Just one: npx skills add strongeron/storybook-workbench --skill sb-audit — add -g for every project.

Claude Code

git clone https://github.com/strongeron/storybook-workbenchcp -r "storybook-workbench/skills/sb-audit" ~/.claude/skills/

Copies the sb-audit skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.

Plugin

/plugin marketplace add strongeron/storybook-workbench

Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.

Skills can run code on your machine — read the SKILL.md first.

What it does

In the author's own words, from each skill's SKILL.md.

  • sb-audit

    Periodic Storybook audit — naming-drift survey, archived/decision-board review, lifecycle tagging, usage refresh. Use for 'audit my Storybook', 'find drift', 'show pending decisions', or a periodic catalog health check.

    skills/sb-audit/SKILL.md on GitHub (opens in a new tab)

  • sb-explore

    Iterate on a new or redesigned component in a sandboxed Explore story outside src/components/ (+ Figma), checked against a graduation gate. Use for 'prototype this', 'try a v2', 'explore from Figma', or net-new UI not ready to ship.

    skills/sb-explore/SKILL.md on GitHub (opens in a new tab)

  • sb-figma

    The Figma↔Storybook bridge, both directions, via the native Figma MCP. design→code: map foundation tokens (color/spacing/type) from Figma variables with design↔code parity + drift, and deliver approved Figma components (extract → build → embed), authoring stories via sb-stories' rules. code→design: build Code Connect mappings from components + stories + token parity + usage so Figma Dev Mode show…

    skills/sb-figma/SKILL.md on GitHub (opens in a new tab)

  • sb-flows

    Map the whole app — routes, navigation edges, and persistent nav chrome, not just a screen list. Use for 'map the app', 'show the flow', 'app map', 'audit navigation', or 'how do screens connect'.

    skills/sb-flows/SKILL.md on GitHub (opens in a new tab)

  • sb-health

    Check design-system health for a React+Vite app — raw hex, undefined/unused tokens, scale gaps, DESIGN.md drift, and (opt-in) property→token-family misuse. Use for 'is my design system healthy', 'find raw colors', 'check tokens', or a mixed design system.

    skills/sb-health/SKILL.md on GitHub (opens in a new tab)

  • sb-hub

    Hub for the Storybook CSF3 bundle — diagnose a repo, orchestrate the audit→stories pipeline, or name the next sb-* step. Use for 'set up Storybook', 'audit my app', 'where do I start', 'what's next'.

    skills/sb-hub/SKILL.md on GitHub (opens in a new tab)

  • sb-inventory

    Audit a React+Vite app for real-vs-slop components (by actual imports), the dominant design system, and real prop-value usage at call sites. Use for 'what components do I have', 'which are dead', 'audit this vibe-coded app'.

    skills/sb-inventory/SKILL.md on GitHub (opens in a new tab)

  • sb-setup

    Set up Storybook on a React+Vite app that has none — defer to Storybook's own agent setup (`npm create storybook@latest`, `storybook skills setup`), then align viteFinal/providers/MCP and ask where stories live. Use for 'set up Storybook', 'install Storybook', or NO_STORYBOOK.

    skills/sb-setup/SKILL.md on GitHub (opens in a new tab)

  • sb-ship

    Graduate ONE Explore experiment to a production component — preserve the experiment (cp, never git mv), pick new-vs-update, close the decision loop. Use for 'ship this', 'promote this experiment', 'graduate to production'.

    skills/sb-ship/SKILL.md on GitHub (opens in a new tab)

  • sb-stories

    Write a CSF3 story for ONE React component, covering only its materially-different states (no Cartesian), with a factory when 3+ stories share a shape. Use for 'write a story for X', 'document this component', 'add a Storybook story'.

    skills/sb-stories/SKILL.md on GitHub (opens in a new tab)

  • sb-wrappers

    Scaffold a Storybook-only wrapper — ABCanvas, StateGrid, AppFlowGraph, ProjectInventory, and more. Use for 'compare two designs', 'every state on one canvas', 'the full flow', 'track this decision', or 'scaffold wrappers'.

    skills/sb-wrappers/SKILL.md on GitHub (opens in a new tab)

Review before you install

A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.