profpowell/vanilla-breeze

1

api-client Fetch API patterns with error handling, retry logic, and caching. Use when building API integrations, handling networ…

profpowell/vanilla-breeze

46

2

validation Validate data with JSON Schema and AJV. Use when validating API requests, form submissions, database inputs, or any d…

profpowell/vanilla-breeze

44

3

fake-content Generate realistic fake content for HTML prototypes. Use when populating pages with sample text, products, testimonia…

profpowell/vanilla-breeze

16

4

xhtml-author Write valid XHTML-strict HTML5 markup. Use when creating HTML files, editing markup, building web pages, or writing a…

profpowell/vanilla-breeze

13

5

git-workflow Enforce structured git workflow with conventional commits, feature branches, semver versioning, and work logging. Use…

profpowell/vanilla-breeze

9

6

i18n Write internationalization-friendly HTML pages. Use when creating multilingual content, setting lang attributes, hand…

profpowell/vanilla-breeze

9

7

layout-grid Design-focused grid layout system with fluid scaling, responsive columns, and resolution-independent patterns. Use wh…

profpowell/vanilla-breeze

9

8

patterns Reusable HTML page patterns and component blocks. Use when building common page types like FAQs, product listings, pr…

profpowell/vanilla-breeze

9

9

service-worker Service worker patterns for offline support, caching strategies, and PWA functionality. Use when implementing offline…

profpowell/vanilla-breeze

9

10

ci-cd Configure GitHub Actions for automated testing, building, and deployment. Use when setting up CI/CD pipelines, automa…

profpowell/vanilla-breeze

8

11

unit-testing Write unit tests for JavaScript files using Node.js native test runner. Use when creating new scripts, fixing bugs, o…

profpowell/vanilla-breeze

4

12

accessibility-checker Ensure WCAG2AA accessibility compliance. Use when creating forms, adding images, building navigation, creating intera…

profpowell/vanilla-breeze

3

13

animation-motion CSS animations, transitions, and scroll-driven effects with accessibility (prefers-reduced-motion). Use when adding m…

profpowell/vanilla-breeze

3

14

astro Build content-focused websites with Astro. Use when creating .astro files, working with content collections, configur…

profpowell/vanilla-breeze

3

15

authentication Implement secure authentication with JWT, sessions, OAuth, and password hashing. Use when adding login/logout, token …

profpowell/vanilla-breeze

3

16

backend-testing Write tests for backend services, APIs, and database access. Use when testing Express/Fastify handlers, services with…

profpowell/vanilla-breeze

3

17

build-tooling Configure Vite for development and production builds. Use when setting up build pipelines, optimizing bundles, or con…

profpowell/vanilla-breeze

3

18

cli-author Write Node.js CLI tools with zero dependencies. Use when creating command-line tools, argument parsing, colored outpu…

profpowell/vanilla-breeze

3

19

containerization Build and deploy Docker containers for Node.js applications. Use when containerizing applications, optimizing Docker …

profpowell/vanilla-breeze

3

20

content-author Write quality content for HTML documents. Use when writing text content, prose, descriptions, or any human-readable c…

profpowell/vanilla-breeze

3

21

css-author Modern CSS organization with native @import, @layer cascade control, CSS nesting, design tokens, and element-focused …

profpowell/vanilla-breeze

3

22

custom-elements Define and use custom HTML elements. Use when creating new components, defining custom tags, or using project-specifi…

profpowell/vanilla-breeze

3

23

data-attributes Using data-* attributes as the HTML/CSS/JS bridge for state, variants, and configuration. Use when managing element s…

profpowell/vanilla-breeze

3

24

data-storage Implement client-side data storage with localStorage, IndexedDB, or SQLite WASM. Use when storing user preferences, c…

profpowell/vanilla-breeze

3

25

database Design PostgreSQL schemas with migrations, seeding, and documentation. Use when creating tables, writing migrations, …

profpowell/vanilla-breeze

3

26

dependency-wrapper Wrap third-party libraries for testability and replaceability. Use when integrating external APIs, creating testable …

profpowell/vanilla-breeze

3

27

deployment Deploy web applications to Cloudflare Pages/Workers or DigitalOcean VPS. Use when configuring deployment, setting up …

profpowell/vanilla-breeze

3

28

e2e-testing End-to-end browser testing patterns with Playwright. Use when writing integration tests, user flow testing, or browse…

profpowell/vanilla-breeze

3

29

eleventy Build content-focused websites with Eleventy (11ty). Use when creating templates (.njk, .liquid), working with data c…

profpowell/vanilla-breeze

3

30

env-config Implement environment variable management with .env files, validation, and environment-specific configs. Use when set…

profpowell/vanilla-breeze

3

31

error-handling Handle errors consistently across frontend and backend. Use when implementing try/catch patterns, error boundaries, A…

profpowell/vanilla-breeze

3

32

forms HTML-first form patterns with CSS-only validation. Use when building accessible forms with the form-field custom elem…

profpowell/vanilla-breeze

3

33

icons Use consistent Lucide icons with the <icon-wc> component. Use when adding icons to pages, buttons, or UI elements.

profpowell/vanilla-breeze

3

34

images Umbrella coordinator for image handling. Coordinates responsive-images, placeholder-images, and automation scripts. U…

profpowell/vanilla-breeze

3

35

javascript-author Write vanilla JavaScript for Web Components with functional core, imperative shell. Use when creating JavaScript file…

profpowell/vanilla-breeze

3

36

logging Structured client-side logging and error reporting. Use when implementing console logging, error tracking, user sessi…

profpowell/vanilla-breeze

3

37

markdown-author Write quality markdown content. Use when creating or editing .md files, documentation, READMEs, or any markdown-based…

profpowell/vanilla-breeze

3

38

metadata HTML metadata and head content. Use when writing or reviewing page head sections including SEO, social sharing, perfo…

profpowell/vanilla-breeze

3

39

nodejs-backend Build Node.js backend services with Express/Fastify, PostgreSQL, and services pattern. Use when creating backend APIs…

profpowell/vanilla-breeze

3

40

observability Implement error tracking, performance monitoring, and user issue detection. Use when adding error handling, Web Vital…

profpowell/vanilla-breeze

3

41

open-props Use Open Props CSS custom properties for consistent design tokens. Use when setting up design systems, choosing spaci…

profpowell/vanilla-breeze

3

42

performance Write performance-friendly HTML pages. Use when optimizing page load, adding resources, configuring caching, or impro…

profpowell/vanilla-breeze

3

43

placeholder-images Generate SVG placeholder images for prototypes. Use when adding placeholder images for layouts, mockups, or developme…

profpowell/vanilla-breeze

3

44

pre-flight-check INVOKE FIRST before any code work. Validates git workflow (branch, issue, worklog) and checks approach. Use at START …

profpowell/vanilla-breeze

3

45

print-styles Write print-friendly CSS using @media print. Use when creating printable pages, invoices, receipts, articles, or any …

profpowell/vanilla-breeze

3

46

progressive-enhancement HTML-first development with CSS-only interactivity patterns. Use when building features that work without JavaScript,…

profpowell/vanilla-breeze

3

47

responsive-images Modern responsive image techniques using picture element, srcset, sizes, and modern formats. Use when adding images t…

profpowell/vanilla-breeze

3

48

rest-api Write REST API endpoints with HTTP methods, status codes, versioning, and OpenAPI documentation. Use when creating AP…

profpowell/vanilla-breeze

3

49

sanity-cms Integrate Sanity headless CMS for content management. Use when building content-driven sites with structured content,…

profpowell/vanilla-breeze

3

50

security Write secure web pages and applications. Use when handling user input, forms, external resources, authentication, or …

profpowell/vanilla-breeze

3