Sketch-Programming: Минималистичная парадигма для проектирования кода (LLM transpiler)
(https://github.com/DmitryOlkhovoi/vscode-sketch-programming)
Удалось за вечер написать расширение под VS Code, которое на onSave траспайлит псевдокод (так называемый sketch код) и сохраняет.
Пока это POC и не полностью автоматизированный, но в качестве теста уже интересно
// @sketch:reactComponent
Component Count
props add = 0
state count = 0
<div onclick="count += add"> Add {add} </div>
<div>
Current count: {count}
</div>Превращает в
import React, { useState } from 'react';
interface Props {
add?: number;
}
const CountComponent: React.FC<Props> = ({ add = 0 }) => {
const [count, setCount] = useState<number>(0);
const handleClick = () => {
setCount((prev: number) => prev + add);
};
return (
<div>
<div onClick={handleClick}>Add {add}</div>
<div>Current count: {count}</div>
</div>
);
};
export default CountComponent;Следуя загруженным в векторное хранилище правилам (OpenAI)
https://github.com/DmitryOlkhovoi/Sketch-programming/blob/main/ReactComponentAskedModelToAddMoreRulesItself.md
К понедельнику постараюсь написать статью и более детально раскрыть тему
