Home
Projects
Templates
Skills
Contact
Blog
chloe valesquez
Home
Projects
Templates
Skills
Contact
Blog
Skills
A list of local skill files. Open any skill to view the source.
API Route Structure
Use this skill when building a backend service or full-stack API to enforce a standardized, secure, and predictable structure for RESTful or RPC endpoints.
Backend
Express
FastAPI
Next.js (Route Handlers)
Nuxt (Nitro)
Django
Backend Validation Layers
Use this skill when building APIs, server actions, or processing form submissions to ensure robust data validation and security at the boundary layer.
Backend
Node.js
Express
Next.js (Server Actions)
Nuxt
FastAPI
Django
Database Schema Design
Use this skill when planning a new application or feature to design a normalized, scalable, and efficient relational database schema before writing any backend code.
Backend
PostgreSQL
MySQL
SQLite
Prisma
Drizzle
Supabase
Production API Error Handling
Use this skill when building backend APIs to implement a centralized, secure, and informative error-handling strategy that prevents leaking sensitive data while helping clients debug.
Backend
Express
FastAPI
Next.js (Route Handlers)
Nuxt
Django
Full-Stack File Tree Architecture
Use this skill when initializing a new project or restructuring an existing messy repository to establish a scalable, professional file tree architecture that separates UI, domain logic, and server operations.
File Structure
React
Next.js
Vue
Nuxt
Node.js
FastAPI
Professional Project Intake
Use this skill immediately when receiving a new project request or a large feature request to map requirements, discover constraints, and plan the stack before writing any code.
Foundation
React
Vue
Next.js
Node.js
Python
Requirements Discovery Framework
Use this skill at the absolute beginning of a project or major feature request to systematically uncover hidden constraints, define success metrics, and prevent scope creep before writing code.
Foundation
Component Architecture Patterns
Use this skill when building a frontend application to establish a clear hierarchy of components, separating purely presentational UI from data-fetching and business logic.
Frontend
React
Vue
Next.js
Nuxt
SvelteKit
SaaS App Structure
Use this skill when architecting a Software as a Service (SaaS) application to ensure a scalable structure for authentication, billing, multi-tenancy, and user settings.
Full Stack
Next.js
React
Node.js
Rails
Django
Empty, Loading, and Error States
Use this skill to ensure UIs are resilient and communicate clearly with the user when data is fetching, missing, or fails to load.
Product Polish
React
Vue
Next.js
Accessibility Audit Protocol
Use this skill to proactively build accessible (a11y) interfaces and audit existing code for WCAG compliance, ensuring the application is usable by everyone.
Quality
HTML
React
Vue
Tailwind CSS
Performance Budgets and Core Web Vitals
Use this skill to design performant web applications, minimize bundle sizes, and optimize Core Web Vitals (CWV) metrics like LCP, CLS, and INP.
Quality
Next.js
React
Nuxt
Vue
Astro
Dashboard Information Architecture
Use this skill when building administrative interfaces, SaaS dashboards, or complex data views to ensure usability, data density, and logical navigation.
UI/UX
React
Vue
Next.js
Nuxt
No-Slop Landing Page Architecture
Use this skill when tasked with creating a landing page, marketing site, or homepage to prevent generic, low-effort AI designs and enforce a high-conversion, professional layout.
UI/UX
React
Next.js
Vue
Nuxt
Astro
HTML/CSS
Responsive Layout Math
Use this skill when building responsive UIs to ensure fluid layouts, mathematically sound grids, and proper scaling across all viewports without arbitrary breakpoints.
UI/UX
Tailwind CSS
CSS Modules
Styled Components
Vanilla CSS