14BryanEspinoza
- 31 skills
- 0 followers
- 9 hours ago last updated
- ▌ Frontend Skill · 14bryanespinoza bundleFrontend engineering standards for the frontend-skill. Inject into delegated executors (general, explore, sdd-apply, sdd-design) when the task touches frontend code. Covers stack detection, architecture-first, anti-hallucination and token efficiency, and defines the workflow and loading of injected skills.
- ▌ CSS · 14bryanespinozaModern CSS rules - mobile-first layout, cascade layers, container queries, modern selectors, animations, logical properties, form controls, anchor positioning
- ▌ Ddd · 14bryanespinozaDomain-Driven Design rules - bounded contexts, entities, value objects, aggregates, repositories and domain events
- ▌ Git · 14bryanespinozaGit rules for modern frontend - trunk-based branching, conventional commits, PRs, stacked PRs, hooks, merge policy, debugging, versioning, permission matrix for agents
- ▌ Auth · 14bryanespinozaAuth rules for modern frontend - session vs token models, secure credential storage (httpOnly cookies, __Host-), JWT validation, access/refresh with rotation and reuse detection, server-side sessions, password hashing (bcrypt/argon2), password reset, OAuth 2.0/OIDC/PKCE, MFA/TOTP, WebAuthn/passkeys, protected routes, CSRF, XSS, session state, anti-abuse
- ▌ Docs · 14bryanespinozaDocumentation rules - Markdown, README, JSDoc, TypeDoc, changelogs, technical writing conventions
- ▌ HTML · 14bryanespinozaHTML5 semantic rules - landmarks, forms structure, multimedia, interactive components, SEO (JSON-LD), performance and declarative components
- ▌ Sass · 14bryanespinozaSass (Dart Sass) rules - SCSS syntax, variables, mixins, partials, @use/@forward, modules, 7-1 architecture, framework integration
- ▌ Vite · 14bryanespinozaVite rules - project setup, configuration (vite.config.ts), plugins, dev server, HMR, code splitting, environment variables (import.meta.env), build optimization, import.meta.glob, TypeScript, Sass, Tailwind CSS, Vitest, SSR, workspaces
- ▌ Astro · 14bryanespinozaAstro rules - islands architecture, zero JavaScript by default, content collections (Content Layer API), MDX, Static Site Generation (SSG), Server-side Rendering (SSR), hybrid rendering via prerender opt-out, partial hydration (client:load, client:visible, client:idle, client:media, client:only), server islands (server:defer), Astro components, frontmatter, getStaticPaths, layouts, view transitions (ClientRouter), integrations and adapters, Astro Actions, astro:env, middleware, deployment
- ▌ Deploy · 14bryanespinozaDeployment rules - GitHub Pages, Vercel, Netlify, build optimization, CI/CD, env vars, custom domains
- ▌ Nextjs · 14bryanespinozaNext.js rules - App Router, Server Components, Client Components ("use client"), Server Actions, data fetching and caching (SSG, ISR, revalidate, PPR), Route Handlers, proxy/middleware, next/image, next/font, Metadata API, Auth.js (NextAuth), i18n, generateStaticParams, layouts and templates, Turbopack, typedRoutes, deployment
- ▌ Esbuild · 14bryanespinozaesbuild rules - extremely fast bundler, build API and CLI, formats (ESM/CJS/IIFE), platforms, loaders, plugins, code splitting, watch mode (context API), TypeScript transpile-only, library bundling dual ESM/CJS, metafile analysis
- ▌ GRAPHQL · 14bryanespinozaGraphQL rules for modern frontend - Apollo Client, schema SDL, queries, mutations, subscriptions, fragments, normalized cache, field policies, optimistic updates, error handling, codegen, local state, testing, SSR
- ▌ Linting · 14bryanespinozaESLint and Prettier rules - consistent formatting, flat config, husky/lint-staged integration, CI/CD
- ▌ Reactjs · 14bryanespinozaReact rules - functional components, hooks (useState, useEffect, useContext, useReducer, useRef, useMemo, useCallback, useTransition, useDeferredValue, useActionState, useFormStatus, useOptimistic, use), React Router v7, React Hook Form, conditional rendering, lists and keys, Context API, performance optimization, code splitting, Server Components, reconciliation, Virtual DOM, controlled vs uncontrolled components
- ▌ Testing · 14bryanespinozaTesting rules - Vitest (unit/integration), Playwright (e2e), React Testing Library, MSW, coverage, CI integration
- ▌ Security · 14bryanespinozaWeb security rules for modern frontend development - OWASP Top 10 (2025), HTTPS and HSTS, security headers, Content Security Policy (CSP), XSS prevention, CSRF prevention, clickjacking, CORS configuration, input validation and sanitization, SQL/NoSQL injection prevention with parameterized queries, authentication security and secrets, password hashing (bcrypt/argon2), rate limiting and anti-abuse, supply chain and dependency auditing, subresource integrity, prototype pollution, security testing, framework-specific security (React/Next/Astro/Vite)
- ▌ Bootstrap · 14bryanespinozaBootstrap 5 rules - grid, components, utilities, theming with CSS vars and Sass, dark mode, JS plugins, accessibility
- ▌ API Design · 14bryanespinozaAPI design rules for modern frontend - REST vs GraphQL, naming, HTTP methods, status codes, versioning, auth, rate limiting, pagination, error handling, CORS, HTTP caching, OpenAPI, client architecture
- ▌ Clean Code · 14bryanespinozaClean code rules - KISS, DRY, YAGNI, SOLID, descriptive names, small functions, early return, custom errors, effective comments, readable tests (AAA)
- ▌ Javascript · 14bryanespinozaVanilla JavaScript rules - ES2024 stable / ES2025 target, defensive programming, ESM modules, DOM, events, fetch, browser APIs and data structures
- ▌ Typescript · 14bryanespinozaTypeScript rules - types, generics, tsconfig, decorators, and Result pattern
- ▌ Performance · 14bryanespinozaWeb performance rules - Core Web Vitals, Lighthouse, Chrome DevTools, critical rendering path, resource hints, critical CSS, caching and compression, service workers, streaming, bundle optimization, code splitting, tree shaking, lazy loading, images, fonts, animation and interaction performance, performance budgets
- ▌ Tailwindcss · 14bryanespinozaTailwind CSS v4 rules - CSS-first config, utility-first, @theme, variants, dark mode, build with CLI/PostCSS/Vite, components with @apply
- ▌ Accessibility · 14bryanespinozaAccessibility rules - WCAG 2.2, POUR principles, color contrast, keyboard navigation, focus management, ARIA roles and attributes, screen reader testing, axe-core, reduced motion
- ▌ Tanstack Start · 14bryanespinozaTanStack Start rules - full-stack React framework with type-safe routing, server functions, SSR/SSG, TanStack Query integration, streaming
- ▌ Design Patterns · 14bryanespinozaDesign patterns rules - creational, structural, behavioral, module pattern, composition over inheritance, common interface, inversion of control and dependency injection
- ▌ Package Manager · 14bryanespinozaPackage manager rules - pnpm by default, npm as alternative, workspaces, scripts, security, monorepos, catalogs
- ▌ Component Design · 14bryanespinozaComponent design rules - Atomic Design (atoms, molecules, organisms, templates, pages), compound components, props API design, render props, controlled vs uncontrolled, slots pattern, composition vs inheritance, Context for component communication, polymorphic components (as prop), headless vs styled components, useControllableState, React.memo/useMemo/useCallback, Storybook, component documentation, component testing, performance optimization
- ▌ State Management · 14bryanespinozaState management rules - local vs global state, Context API + useReducer, useSyncExternalStore, Zustand, Redux Toolkit, RTK Query, TanStack Query, Jotai, server state vs client state, state normalization, selectors and derived state, persisted state, middleware, URL as state, Server Components boundaries, testing stores