[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-83134":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":15,"starSnapshotCount":15,"syncStatus":33,"lastSyncTime":34,"discoverSource":35},83134,"align-dev","razr001\u002Falign-dev","razr001","AlignDev helps AI-assisted frontend teams generate shared coding standards and SKILL.md so Claude Code, Codex, Cursor, Copilot, and other agents write consistently.","https:\u002F\u002Faligndev.dev",null,"TypeScript",423,20,1,0,43,364,189,3.97,false,"master",true,[24,25,26,27,28,29],"ai","claude-code","codex","fronted","nextjs","skills","2026-06-12 02:04:31","\u003C!-- markdownlint-disable MD033 MD041 -->\n\u003Cdiv align=\"center\">\n\n# AlignDev\n\n### Frontend conventions generator for the AI coding era · Generate team standards and SKILL.md in one flow\n\n**Build with AI. Ship with standards.**\n\nA 7-step visual wizard that generates a complete Markdown standards document and a `SKILL.md` that Claude Code, Cursor, GitHub Copilot, and other coding agents can read directly.\n\n[![Next.js](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNext.js-16.2-000000?logo=next.js&logoColor=white)](https:\u002F\u002Fnextjs.org)\n[![React](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FReact-19.2-149ECA?logo=react&logoColor=white)](https:\u002F\u002Freact.dev)\n[![TypeScript](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTypeScript-5.x-3178C6?logo=typescript&logoColor=white)](https:\u002F\u002Fwww.typescriptlang.org)\n[![Tailwind CSS](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTailwind%20CSS-v4-38BDF8?logo=tailwindcss&logoColor=white)](https:\u002F\u002Ftailwindcss.com)\n[![shadcn\u002Fui](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fshadcn%2Fui-latest-000000)](https:\u002F\u002Fui.shadcn.com)\n[![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-22c55e)](#-license)\n[![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-ec4899)](#-contributing)\n\n\u003C\u002Fdiv>\n\n---\n\n## 📖 About AlignDev\n\n**AlignDev** is a **frontend conventions generator** built for the AI coding era.\n\nWhen teams use Claude Code, Cursor, Copilot, Windsurf, and other AI agents at the same time, the biggest pain point is consistency: **each agent writes code based on its own interpretation, so directory structure, naming, state management, and UI style drift apart**. AlignDev turns team conventions into machine-readable and human-editable standards so every agent works from the same contract.\n\nIn about 3 minutes, you can get:\n\n- A complete Markdown standards document you can **share with your team**\n- A `SKILL.md` you can **place in the repository root** so AI agents can load it automatically\n\n---\n\n## ✨ Features\n\n| Module | Capability | Details |\n| --- | --- | --- |\n| 🎯 **7-step visual wizard** | Core stack \u002F UI \u002F state \u002F toolchain \u002F directories \u002F naming \u002F tokens | Preview selections instantly, no config file required |\n| 🧠 **Multi-framework support** | Next.js · React (Vite) · Vue · Nuxt · SvelteKit | Options adapt to the selected framework to avoid invalid combinations |\n| 🎨 **49 UI styles** | minimalism \u002F glassmorphism \u002F neumorphism \u002F brutalism \u002F aurora \u002F cyberpunk … | Each style includes preset Design Tokens |\n| 🌈 **Live Design Tokens preview** | Color depth (3 \u002F 5 tiers), spacing (4px\u002F8px), type scale (four ratios) | Visualize instantly and export as CSS Variables \u002F JS Object |\n| ♿ **WCAG contrast checks** | Automatically calculates foreground\u002Fbackground contrast ratios | Built in `lib\u002Fwcag-utils.ts`, with AA \u002F AAA level hints |\n| 📦 **Live npm version sync** | Fetches latest major versions for 30+ mainstream packages via `app\u002Fapi\u002Fversions` | Falls back to `FALLBACK_VERSIONS` on failure |\n| 📄 **Two output artifacts** | Full standards document + `SKILL.md` | Copy or download in one click |\n| 🤖 **AI-agent friendly** | Output optimized for Claude Skill \u002F Cursor Rules | Drop it into your repo and agents can follow it automatically |\n| 🌐 **i18n \u002F RTL aware** | next-intl · i18next · vue-i18n · @nuxtjs\u002Fi18n | Supports `ltr` \u002F `rtl` \u002F `bidi` text directions |\n| 🔒 **TypeScript first** | Strict mode, fully typed options | See `types\u002Fwizard.ts` |\n\n---\n\n## 📄 License\n\n[MIT](LICENSE) © AlignDev\n\n---\n\n\u003Cdiv align=\"center\">\n\n**Keywords**: AI frontend conventions · AI coding standards · frontend conventions generator · SKILL.md generator · Claude Code · Claude Skill · Cursor Rules · GitHub Copilot rules · Next.js conventions · React conventions · Vue conventions · Nuxt conventions · SvelteKit conventions · shadcn\u002Fui · Design Tokens · TypeScript conventions · AI developer tools\n\nIf AlignDev is useful to you, a ⭐ Star is the best support.\n\n\u003C\u002Fdiv>\n","AlignDev 是一个面向AI辅助前端团队的编码标准和SKILL.md生成工具，旨在帮助Claude Code、Codex、Cursor、Copilot等AI代理编写一致的代码。其核心功能包括一个7步可视化向导，支持多种框架（如Next.js、React、Vue等），并提供49种UI样式选择与实时设计令牌预览。此外，还内置了WCAG对比度检查和npm版本同步功能。适用于需要在团队内部统一编码风格、目录结构、命名规则及状态管理方式的场景，特别是在多AI代理协同工作的开发环境中。通过AlignDev，开发者可以快速生成可共享的标准文档和供AI读取的SKILL.md文件，从而确保代码的一致性和质量。",2,"2026-06-11 04:10:14","CREATED_QUERY"]