I have to ask. Do you seriously not mind your site looking like every other vibe coded site on the internet? Every project posted on hacker news these days has the same font and same rounded corners on everything.
But I agree it's not enough. The problem is, there are as I see it really two options here
(1) Guide the LLM and just spend more time on the visual stuff. The trouble is those refactors take as much time as adding major new features, sometimes more, because the LLM doesn't get it right and you gotta go around and around. So it takes a big time investment to go from something that's pretty good to something that's merely somewhat better.
(2) The other option is to do it all by hand. I sometimes do some of this, but the further along you get the harder it is, because the LLMS write lots of CSS, and (at least the last time I tried) refactoring their stuff is time-consuming and kind of a prerequisite to tweaking things.
Probably what I should do is expand on the design spec, and add it to AGENTS.md (instead of just throwing it in on the initial prompt) and generally try to get good on this aspect.
I should note that on my "real" project (https://flipper.fm), I spend a lot more time steering the design, creating a component library, Storybook, creating CSS classes for the LLM to use, etc etc. Again, this thing is a toy.
Sorry for the long answer, but you're really hitting on something real here.
If you're studying modes you will have to have already learned most of these words. Modes are a more advanced concept but become easier when you compare them to something you already know (major scales).
Yeah! I came across a book that was literally just fingering charts for all these scales in all the keys and I was like, wait a second, this is dumb...
This is maybe good as a reference but its much better to just understand the basic shapes and you can play any scale from memory based on where you start the pattern on the fretboard. This seems a bit too intimidating compared to the tab pdf i used over a decade ago
Agree, this is very much about where I am and not for beginners. But I think it helps learn the one “big pattern” when you see where the different scale degrees fit into it in each mode?
No I mean even as someone who knows music theory and scales, this just seems to be too much info compared to a quick reference (basically UI seems to be a too cluttered shouldve been the feedback that i gave). I have been playing for over a decade now and mostly remember scales by muscle memory and ear.
I don't play anything other than guitar so maybe this helps in terms of if you want to learn overall music theory i guess.
Yeah for the scales, one thing I've been thinking about is, instead of the individual "position" diagrams, which I agree don't really add that much, adding the ability to mark off part of the "entire fretboard" view with some sort of 4 or 5-fret box to play around with positions.
Yeah could be a good idea. The way I figured it in my head is that those patterns are basically two ways in guitar right:
1. You have the pattern on the same string and can understand it by half or full steps forward. So if you play the G major scale on the lower e string, you have to start from a g note and make that pattern over the string to stay in key. And the same happens with every other string.
2. This creates the box patterns we see when in reality its the same pattern with different starting points on different strings.
I memorized both the box patterns for quick muscle memory reference and the overall steps so if i want, i could recreate the box patterns from the original formula of the scale.
Furthermore, you can derive the box patterns for the different modes by just transposing the pattern across the board, im not very sure how it works in theory but basically if you play lets C maj scale on a different key, depending on the key you would basically be playing one of the modes of that key.
I guess this is going on a ramble but yeah a visualization of the fretboard could be super useful imo
I've thought about adding something that would vamp certain chords, say. But sounds like you mean something different... like, play the pitches in a scale?
I very much would like some way to preview what the sound and feel of certain combinations of chords and scales/tones is, but I haven't quite figured out how it might work.
Banjo would probably make sense and be straightforward. But since I don't play banjo I wouldn't have any way to verify that it's right. I do recommend just forking this and telling codex or whatever "add a Banjo setting to this" — good chance it'll get it right in one shot.
i love this idea but i wish there was a simple way to play the sounds of whatever is currently selected. perhaps a play button near the top of the page or a spacebar hotkey
I added that after posting this. You can click any note on the scale, and there are play buttons on the chords. The sound will vaguely approximate the current instrument. On the Compose screen you can select the sound. I'm working on improving the sounds, this is just a first pass.
I have to ask. Do you seriously not mind your site looking like every other vibe coded site on the internet? Every project posted on hacker news these days has the same font and same rounded corners on everything.
The short answer is yes, I do mind.
I've taken some steps to mitigate this. I made a design brief (https://gist.github.com/aleshh/7435682311b6cb944bf18ecc3751f...) for LLMs to follow to kind of steer them in a particular direction. And I do spend time tweaking design with them.
But I agree it's not enough. The problem is, there are as I see it really two options here
(1) Guide the LLM and just spend more time on the visual stuff. The trouble is those refactors take as much time as adding major new features, sometimes more, because the LLM doesn't get it right and you gotta go around and around. So it takes a big time investment to go from something that's pretty good to something that's merely somewhat better.
(2) The other option is to do it all by hand. I sometimes do some of this, but the further along you get the harder it is, because the LLMS write lots of CSS, and (at least the last time I tried) refactoring their stuff is time-consuming and kind of a prerequisite to tweaking things.
Probably what I should do is expand on the design spec, and add it to AGENTS.md (instead of just throwing it in on the initial prompt) and generally try to get good on this aspect.
I should note that on my "real" project (https://flipper.fm), I spend a lot more time steering the design, creating a component library, Storybook, creating CSS classes for the LLM to use, etc etc. Again, this thing is a toy.
Sorry for the long answer, but you're really hitting on something real here.
What makes it look like AI to you? Not trying to be rude, just personally don't see it.
And you should add that it also teaches modes, which are counterintuitive and with dumb hard-to-remember names. Cool app, good job!
Modes are easy once you realize they're all just major scales with a different starting note.
C Major starting and ending on D is D Dorian.
C Major starting and ending on E is E Phrygian.
Etc.
Unfortunately, it's the kind of arbitrary jargon that put off n00bs.
If you're studying modes you will have to have already learned most of these words. Modes are a more advanced concept but become easier when you compare them to something you already know (major scales).
Yeah! I came across a book that was literally just fingering charts for all these scales in all the keys and I was like, wait a second, this is dumb...
This is maybe good as a reference but its much better to just understand the basic shapes and you can play any scale from memory based on where you start the pattern on the fretboard. This seems a bit too intimidating compared to the tab pdf i used over a decade ago
Agree, this is very much about where I am and not for beginners. But I think it helps learn the one “big pattern” when you see where the different scale degrees fit into it in each mode?
No I mean even as someone who knows music theory and scales, this just seems to be too much info compared to a quick reference (basically UI seems to be a too cluttered shouldve been the feedback that i gave). I have been playing for over a decade now and mostly remember scales by muscle memory and ear.
I don't play anything other than guitar so maybe this helps in terms of if you want to learn overall music theory i guess.
Yeah for the scales, one thing I've been thinking about is, instead of the individual "position" diagrams, which I agree don't really add that much, adding the ability to mark off part of the "entire fretboard" view with some sort of 4 or 5-fret box to play around with positions.
Do you think that would help? Something else?
Yeah could be a good idea. The way I figured it in my head is that those patterns are basically two ways in guitar right:
1. You have the pattern on the same string and can understand it by half or full steps forward. So if you play the G major scale on the lower e string, you have to start from a g note and make that pattern over the string to stay in key. And the same happens with every other string.
2. This creates the box patterns we see when in reality its the same pattern with different starting points on different strings.
I memorized both the box patterns for quick muscle memory reference and the overall steps so if i want, i could recreate the box patterns from the original formula of the scale.
Furthermore, you can derive the box patterns for the different modes by just transposing the pattern across the board, im not very sure how it works in theory but basically if you play lets C maj scale on a different key, depending on the key you would basically be playing one of the modes of that key.
I guess this is going on a ramble but yeah a visualization of the fretboard could be super useful imo
Looks nice and powerful, but absolutely not for beginners (in that sense, the Show HN title looks overpromising).
It’s a cool idea, but is there no way to hear the actual notes?
I've thought about adding something that would vamp certain chords, say. But sounds like you mean something different... like, play the pitches in a scale?
I very much would like some way to preview what the sound and feel of certain combinations of chords and scales/tones is, but I haven't quite figured out how it might work.
Perhaps something like alphatab could work?
https://www.alphatab.net/
For now I just mean something simple like playing whichever note you press on the piano/fretboard.
Ok, I took a stab at this!
- All the notes on fingering charts can be clicked and they play a sound
- Chords get a little playback button
- Compose mode gets its own playback controls
The sound is very basic, I'll see if I can fix that next.
I like this, have you thought of adding more instruments like banjo?
Banjo would probably make sense and be straightforward. But since I don't play banjo I wouldn't have any way to verify that it's right. I do recommend just forking this and telling codex or whatever "add a Banjo setting to this" — good chance it'll get it right in one shot.
i love this idea but i wish there was a simple way to play the sounds of whatever is currently selected. perhaps a play button near the top of the page or a spacebar hotkey
I added that after posting this. You can click any note on the scale, and there are play buttons on the chords. The sound will vaguely approximate the current instrument. On the Compose screen you can select the sound. I'm working on improving the sounds, this is just a first pass.
Very nice, thank you. Bookmarked.
[flagged]
[dead]