# Human Notes
Prompts:
- I'd like to learn how to use theme.json and tailwind to make custom themes
- I'd like to learn how to make custom WP blocks.

- I'd like to automate adding new config to theme.json
- I'd like to automate adding new blocks
- I'd like to automate adding new patterns and parts based on the templates

- I'd like to make a theme compiler based on whats needed from an initial package

- How can I preload these fonts to improve performance?
- How can I optimize the loading of my Tailwind CSS file for production?
- Can you help me set up a "critical CSS" path to inline styles for above-the-fold content?
- Can you show me how to defer the loading of the main style.css so it doesn't block rendering?
- How can I use an NPM package like critical to automatically generate this critical.css file during build?

## Notes:
Learning how to make custom themes since WordPress has expanded this system 3 years ago has been a challenging but intuitive challenge. I know have a basic understanding of how to leverage these systems but will need to look into deeper knowledge. 

## Hurdles:
- Initially difficult to grasp adding custom blocks and get them to show up without a npx kit 
- Still not sure how to incorporate ACF, need to see the limits of free version (cant assign to block?)
- Initially difficult to grasp how to expand theme.json
- Guides written for `BLOCKS.md`, `FONTS.md`, and `COLORS.md` helped overcome this process