bbeierle12
- 10 skills
- 0 followers
- 1 week ago last updated
- ▌ Dashboard · bbeierle12 bundleData dashboard development patterns including charts, real-time updates, filtering, and responsive layouts for analytics applications.
- ▌ Writing Plans · bbeierle12 bundleUse after brainstorming/design phase to create detailed implementation plans. Creates step-by-step plans clear enough for execution by any developer.
- ▌ Component Library · bbeierle12 bundleComprehensive React component library with 30+ production-ready components using shadcn/ui architecture, CVA variants, Radix UI primitives, and Tailwind CSS. Use when users need to (1) Create React UI components with modern patterns, (2) Build complete component systems with consistent design, (3) Implement accessible, responsive, dark-mode-ready components, (4) Generate form components with React Hook Form integration, (5) Create data display components like tables, cards, charts, or (6) Build navigation, layout, or feedback components. Provides instant generation of customizable components that would otherwise take 20-45 minutes each to hand-code.
- ▌ D3js Visualization · bbeierle12 bundleCreate D3.js charts and interactive data visualizations. Use when building bar charts, line charts, scatter plots, pie charts, force-directed graphs, geographic maps, or any custom data visualization.
- ▌ Using Git Worktrees · bbeierle12 bundleUse when starting new feature work to create isolated git worktrees with smart directory selection and safety verification. Keeps main branch clean while developing.
- ▌ Systematic Debugging · bbeierle12 bundleUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes. Implements scientific method for debugging with root cause analysis.
- ▌ Software Architecture · bbeierle12 bundleImplements design patterns including Clean Architecture, SOLID principles, and comprehensive software design best practices. Use when designing systems, reviewing architecture, establishing patterns, or making structural decisions.
- ▌ Frontend Dev Guidelines · bbeierle12 bundleFrontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, styling best practices, routing, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
- ▌ Test Driven Development · bbeierle12 bundleUse when implementing any feature or bugfix, before writing implementation code. Enforces RED-GREEN-REFACTOR cycle with strict discipline against rationalization.
- ▌ Subagent Driven Development · bbeierle12 bundleUse when executing implementation plans. Dispatches independent subagents for individual tasks with code review checkpoints between iterations for rapid, controlled development.