Hacker News new | past | comments | ask | show | jobs | submit | timz's comments login

very nice. a somehow similar project https://englishell.js.org/


https://www.assemblyscript.org/ is somehow similar, but targets only webassembly now


Not sure why, but seems very interesting and creative. What is the logic behind it?


You click see the (?) icon to see the summary of the algorithm.

The tool generates unique, meaningful names for any RGB color using a combination of color properties. Every name is unique and reversible - you can convert any name back to its exact RGB color!


yes, indeed, they are. but within those 2 weeks notifications could still be useful, i think.


Amazing, great product and slick implementation. Not sure if it is allowed to play youtube videos in custom player though, since ads are skipped.


Thank you! We use YouTube's iframe api + embeddable player as per their ToS - the rest is just css


https://i.ibb.co/Jt7mjXW/screenshot.png

Sorry, here is screenshot of a prototype IDE in browser with live preview.


Hey everyone! I'm experimenting with a UI prototyping/design/mocking tool concept and would love to get your feedback.

The idea is to use TailwindCSS for prototyping UI, similar to Figma, but instead of drag-and-drop, you use a low-code approach with Tailwind-powered notation (inspired by Pug templates). The editor lives in the browser, with a live preview of the UI on the side, so you can instantly see changes as you type.

https://github.com/user-attachments/assets/661916c1-f604-47b...

There are some key benefits I think this approach could offer:

Consistency: Using Tailwind ensures consistent design across components.

Reusable Components: Easily define and reuse component collections and design systems.

Responsive Mocks: Prototypes can be responsive by default thanks to Tailwind.

Interactive Navigation: You can add navigation between screens to simulate user flows.

Real Device Preview: Since it's just HTML/CSS, the prototypes can be loaded on real devices for a realistic view.

Text-Based Mocks: This makes the tool LLM-friendly, potentially allowing integration with AI to generate code from prompts or even create designs from UI screenshots.

I’m also thinking about adding GUI controls to simplify the low-code experience for non-developers by letting them pick and add Tailwind classes via buttons instead of typing.

Here’s a quick prototype screenshot: [screenshot attached]

I'd love to hear your thoughts—does this sound like something worth investing time in? Any advice, suggestions, or concerns would be super helpful!

Thanks in advance for your feedback!

PS. I am still trying to decide if this approach is worth working on. So the question is, what do you think, is it worth the time to work on?

---

Here is a login screen example of low-code mock/prototype notation:

    // Main container for the login screen
    .bg-gray-100.min-h-screen.flex.items-center.justify-center.p-4
      // Login card container
      .bg-white.p-8.rounded-lg.shadow-lg.max-w-md.w-full
        // Title of the login form
        h2.text-2xl.font-bold.mb-6.text-center Login

        // Login form
        form(action="/login" method="POST")
          // Email input field with label
          label.block.mb-2.text-gray-700(for="email") Email
          input#email.w-full.px-4.py-2.border.border-gray-300.rounded-md.mb-4(type="email" placeholder="Enter your email" required)

          // Password input field with label
          label.block.mb-2.text-gray-700(for="password") Password
          input#password.w-full.px-4.py-2.border.border-gray-300.rounded-md.mb-4(type="password" placeholder="Enter your password" required)

          // Submit button
          button.bg-blue-500.text-white.w-full.px-4.py-2.rounded-md.text-lg.font-semibold(type="submit") Login

        // Link for forgotten password
        p.mt-4.text-center.text-sm.text-gray-600
          a.text-blue-500.hover:underline(href="/forgot-password") Forgot your password?


Currently implementation is in python, since it is available in many places, but not all.

What would be pros and cons of implementing it in:

    - bash/zsh
    - keep in python
    - rust/go


This is useful idea, will examine in detail


Could you elaborate please?

What do you mean by capture output, like if i have ```bash echo "hello" ``` hello would appear in the rendered markdown?


Imagine both ideas as inspired by Jupyter Notebooks and their kernels.

Persistent kernel: e.g. each ```python``` code block is the same interpreter process with all the same variables. Same for bash, etc. The process is kept open and lines to exec piped to it. Or use a wrapper like Jupyter kernels (example [1]). Have the ability to run/re-run a specific code block.

Output capture: Yes if you echo something it could appear in an output block following the code block. Very much like a Jupyter Notebook cell showing it's output. The simplest output capture is just text, but you could also figure out how to hook into things like matplotlib and show plots (e.g. option to allow the output to be shown as a markdown sub-section).

[1] https://github.com/digitalsignalperson/comma-python


Join us for AI Startup School this June 16-17 in San Francisco!

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: