razr001/align-dev

AlignDev is a web-based tool that helps frontend development teams create shared coding standards when multiple AI assistants are involved in writing the code. The core problem it addresses is that tools like Claude Code, Cursor, GitHub Copilot, and Windsurf each make their own choices about how to structure files, name things, and handle state, which leads to inconsistent code across a project. AlignDev gives teams a way to define their preferences once and export them in a format every agent can read. The tool works as a seven-step visual wizard. A developer walks through screens covering their chosen frontend framework (Next.js, React with Vite, Vue, Nuxt, or SvelteKit), their UI style preferences, how they manage application state, which toolchain they use, how they organize directories, how they name files and variables, and what design tokens they want. Each choice is previewed in real time, with no configuration file to edit manually. At the end of the wizard, the tool produces two outputs. The first is a full Markdown document describing the team's standards, intended to be shared with team members directly. The second is a file called SKILL.md that can be placed in the root of a code repository so that AI coding agents pick it up automatically and follow the agreed conventions when generating code. Some of the more specific features include a library of 49 preset UI visual styles (ranging from minimalism to glassmorphism and cyberpunk aesthetics), each with corresponding design token presets for colors, spacing, and typography. There is also a built-in contrast checker that calculates whether chosen foreground and background colors meet accessibility guidelines. The tool fetches current version numbers for over thirty common packages from npm, so the generated standards reference up-to-date library versions. The project is built with Next.js, React, TypeScript, and Tailwind CSS, and is released under the MIT license.