Skip to content
Development
Command

/add-notifications

Create a toast notification system for user feedback. Implement notification context with React Context API for global state. Create toast component styled with Bootstrap alert variants (success, error, warning, info). Add auto-dismiss functionality with configurable timeout.

From plugin
larouex-fullstack-builder
881 skills12 agents81 commands

Command definition

add-notifications.md

Create a toast notification system for user feedback. Implement notification context with React Context API for global state. Create toast component styled with Bootstrap alert variants (success, error, warning, info). Add auto-dismiss functionality with configurable timeout. Support manual close button. Implement notification queue for multiple simultaneous toasts. Add slide-in animations with CSS transitions. Position notifications in top-right corner with fixed positioning. Include accessibility features: ARIA live regions, keyboard dismissal. Provide simple API: notify.success(), notify.error(), etc. Add usage examples throughout the application. Make notifications responsive for mobile devices.

@larouexnonprofitconsulting
Ships withlarouex-fullstack-builder

A comprehensive Claude Code plugin with 81 commands and 12 specialized AI agents for building modern, full-stack web applications with Next.js 15, Azure, Railway, Bootstrap, and TypeScript.

Stars on GitHub

Momentum

stars in total
8
Star history of LarouexNonprofitConsulting/larouex-fullstack-plugin on GitHub, a chart by star-history.com

Other commands on larouex-fullstack-builder.

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command