bluebricks-nl
Official@bluebricks-nl
Offers architectural governance and security auditing for React, Vite, and Prisma-based full-stack web environments.
Agent Skills by bluebricks-nl
Showing 23 vetted skills indexed across 1 GitHub repositories.
supabase-audit-auth-config
Analyzes Supabase authentication configurations for security vulnerabilities and misconfigurations.
frontend-react-router-best-practices
Enforce React Router v6+ best practices for performance, architecture, and security.
shadcn-code-review
Review React components using shadcn/ui, Radix primitives, and Tailwind CSS for best practices.
vitest-testing-patterns
Write Vitest and React Testing Library tests with mocking patterns.
react-hook-form-zod
Create type-safe React forms with React Hook Form and Zod validation.
tailwind-v4-shadcn
Configure Tailwind CSS v4 and shadcn/ui in Vite React projects.
react-vite-expert
Generate React components and configure Vite for optimized builds.
prisma-cli
Document Prisma CLI commands for schema management, migrations, and client generation.
find-skills
Search and install modular agent skills using the Skills CLI.
tanstack-query-best-practices
Enforce TanStack Query best practices for data fetching and caching in React applications.
error-boundaries
Guide strategic try/catch placement at architectural boundaries for error handling.
prisma-client-api
Reference Prisma Client API for queries, filters, relations, transactions, and raw SQL.
sentry-setup-logging
Configures Sentry structured logging for JavaScript, Python, and Ruby.
frontend-design
Generate production-grade frontend interfaces with bold aesthetic direction and functional code.
vercel-react-best-practices
Apply 57 performance optimization rules across 8 categories to React and Next.js applications.
performance
Analyze web performance and optimize loading speed, runtime efficiency, and resource utilization.
accessibility
Audits web pages for WCAG 2.1 compliance and implements accessibility fixes.
express-production
Develop production-grade Express.js applications with middleware, security, testing, and deployment guidance.
best-practices
Apply modern web development best practices for security and compatibility.
security-review
Identifies security vulnerabilities such as injection, XSS, and authentication issues in code.
playwright-e2e-testing
Automate end-to-end web application testing with Playwright across Chromium, Firefox, and WebKit.
github-actions
Automate CI/CD pipelines for building, testing, and deploying code with GitHub Actions.
prisma-database-setup
Configure Prisma ORM with PostgreSQL, MySQL, SQLite, MongoDB, SQL Server, and CockroachDB.
Frequently Asked Questions About bluebricks-nl
FAQPage SchemaWhat specific technical tasks can I perform using these skills?▼
You can perform architectural code reviews, enforce React performance standards, manage Prisma database migrations, audit web accessibility against WCAG 2.1, and configure structured logging with Sentry. These skills provide granular guidance for full-stack web development, from database schema design to frontend component optimization.
Which personas benefit most from these technical skills?▼
Full-stack developers, frontend engineers, and security-conscious software architects benefit most. These skills are designed for professionals building production-grade web applications who require standardized patterns for state management, database interactions, and rigorous end-to-end testing protocols.
What are the prerequisites for implementing these development patterns?▼
Implementation requires an existing project environment utilizing the Vite build system, React, and a supported database backend like PostgreSQL or MongoDB. Users should have a foundational understanding of TypeScript, as many patterns rely on type-safe validation and schema-driven development.