bluebricks-nl avatar

bluebricks-nl

Official

@bluebricks-nl

0Followers
|
2Public Repos
|
23Published Skills

Offers architectural governance and security auditing for React, Vite, and Prisma-based full-stack web environments.

Skills Distribution
DomainDeveloper To...Frontend Architect.. (40%)Database Schema Ma.. (30%)Security & Perform.. (30%)

Agent Skills by bluebricks-nl

Showing 23 vetted skills indexed across 1 GitHub repositories.

bluebricks-nlbluebricks-nl

supabase-audit-auth-config

Analyzes Supabase authentication configurations for security vulnerabilities and misconfigurations.

Official
Advanced
bluebricks-nlbluebricks-nl

frontend-react-router-best-practices

Enforce React Router v6+ best practices for performance, architecture, and security.

Official
Advanced
bluebricks-nlbluebricks-nl

shadcn-code-review

Review React components using shadcn/ui, Radix primitives, and Tailwind CSS for best practices.

Official
Intermediate
bluebricks-nlbluebricks-nl

vitest-testing-patterns

Write Vitest and React Testing Library tests with mocking patterns.

Official
Intermediate
bluebricks-nlbluebricks-nl

react-hook-form-zod

Create type-safe React forms with React Hook Form and Zod validation.

Official
Advanced
bluebricks-nlbluebricks-nl

tailwind-v4-shadcn

Configure Tailwind CSS v4 and shadcn/ui in Vite React projects.

Official
Advanced
bluebricks-nlbluebricks-nl

react-vite-expert

Generate React components and configure Vite for optimized builds.

Official
Advanced
bluebricks-nlbluebricks-nl

prisma-cli

Document Prisma CLI commands for schema management, migrations, and client generation.

Official
Intermediate
bluebricks-nlbluebricks-nl

find-skills

Search and install modular agent skills using the Skills CLI.

Official
Basic
bluebricks-nlbluebricks-nl

tanstack-query-best-practices

Enforce TanStack Query best practices for data fetching and caching in React applications.

Official
Advanced
bluebricks-nlbluebricks-nl

error-boundaries

Guide strategic try/catch placement at architectural boundaries for error handling.

Official
Advanced
bluebricks-nlbluebricks-nl

prisma-client-api

Reference Prisma Client API for queries, filters, relations, transactions, and raw SQL.

Official
Intermediate
bluebricks-nlbluebricks-nl

sentry-setup-logging

Configures Sentry structured logging for JavaScript, Python, and Ruby.

Official
Intermediate
bluebricks-nlbluebricks-nl

frontend-design

Generate production-grade frontend interfaces with bold aesthetic direction and functional code.

Official
Advanced
bluebricks-nlbluebricks-nl

vercel-react-best-practices

Apply 57 performance optimization rules across 8 categories to React and Next.js applications.

Official
Advanced
bluebricks-nlbluebricks-nl

performance

Analyze web performance and optimize loading speed, runtime efficiency, and resource utilization.

Official
Advanced
bluebricks-nlbluebricks-nl

accessibility

Audits web pages for WCAG 2.1 compliance and implements accessibility fixes.

Official
Intermediate
bluebricks-nlbluebricks-nl

express-production

Develop production-grade Express.js applications with middleware, security, testing, and deployment guidance.

Official
Advanced
bluebricks-nlbluebricks-nl

best-practices

Apply modern web development best practices for security and compatibility.

Official
Intermediate
bluebricks-nlbluebricks-nl

security-review

Identifies security vulnerabilities such as injection, XSS, and authentication issues in code.

Official
Advanced
bluebricks-nlbluebricks-nl

playwright-e2e-testing

Automate end-to-end web application testing with Playwright across Chromium, Firefox, and WebKit.

Official
Advanced
bluebricks-nlbluebricks-nl

github-actions

Automate CI/CD pipelines for building, testing, and deploying code with GitHub Actions.

Official
Advanced
bluebricks-nlbluebricks-nl

prisma-database-setup

Configure Prisma ORM with PostgreSQL, MySQL, SQLite, MongoDB, SQL Server, and CockroachDB.

Official
Intermediate

Frequently Asked Questions About bluebricks-nl

FAQPage Schema
What 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.