shadscan
This skill should be used when the user asks to "audit my shadcn app", "run shadscan", "improve my shadscan score", "raise my shadscan grade", "fix accessibility/states/forms regressions in my shadcn components", or "add a shadscan CI gate". Drives the shadscan static analyzer (`npx @shadscan/cli`) through an audit → fix → re-score loop against shadcn React components, and wires it into CI as a score gate.

Install the complete plugin to include its agents, hooks, commands, and runtime context.
- PUBLISHER
- b-open-io
- RELATIONSHIP
- authored
- VERSION
- 1.0.0
- BENCHMARK
- unknown
Install bOpen Web
The complete plugin is the supported path. It preserves everything the publisher designed to work alongside this skill.
Codex
VERIFIEDGrok Build
VERIFIED- This is the grok CLI, not Grok Bot.
- grok plugin details web-dev
Grok Bot
GUIDED SETUP- Paste this request into your Bot’s conversation. It will report what it can add.
OpenCode
VERIFIED- Paste into OpenCode. Restart after installation.
- Includes native agents, commands, skills and supported hooks/MCP. HammerTime uses bounded follow-up turns in persistent sessions.
Install only this skill
Use this narrower path only when you intentionally want the portable SKILL.md without the plugin’s surrounding capabilities.
Skills CLI
VERIFIED- Installs only the portable skill; it omits plugin hooks, agents, commands, apps/MCP configuration, and unlisted companion skills.
Grok Bot
GUIDED SETUP- Paste into your Bot’s conversation. Once saved, use / to select the skill.
Trace it to the source.
- DISTRIBUTED SOURCE
- modules/web-dev/skills/shadscan/SKILL.md ↗
- UPSTREAM SOURCE
- No separate upstream declared
- DISTRIBUTED DIGEST
- sha256:15999bb41539160e4b48d4215cd74328c0815294837d0fcc8ea1cb00dd737913
- LOCK HASH
- Not applicable
Companion skills
No required companion skills are declared.
Agents using this skill

Jason
Test authorship and CI automation specialist. Use this agent when the user asks to "write tests", "add test coverage", "set up e2e/Playwright tests", "fix failing tests", or "add a CI coverage gate", or when a change needs tests before merging. Covers unit, integration, e2e, mocking, and coverage reporting. Not for performance profiling (use optimizer) or security review (use code-auditor).

Ridd
UI and interface design agent. Use this agent when the user asks to "design a component", "create UI", "style a page", "set up shadcn", "implement dark mode", "review UI accessibility", "create a mockup", "design a game HUD", "build a TV app interface", or "add controller navigation". Covers design systems, ten-foot UI, and Pencil mockups. Not for performance work (use optimizer) or 3D scenes (use creative-developer).

Theo
Next.js and React specialist following Vercel best practices with Bun and Biome. Use this agent when the user asks to "build a Next.js page", "fix this React 19 issue", "set up Turbopack", "migrate to async APIs", or "upgrade to Next.js 16". Not for React Native (use mobile) or visual component design (use designer).
Share this skill.
Pass the canonical page to a teammate or keep it close for later.
macos-design
Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design", "Apple design patterns", "sidebar layout", "traffic lights", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, composition, interaction patterns, animations, light/dark mode, and all the subtle details that make an app feel like Apple built it.