align-dev

Name: align-dev
Author: razr001

Verified

AlignDev helps AI-assisted frontend teams generate shared coding standards and SKILL.md so Claude Code, Codex, Cursor, Copilot, and other agents write consistently.

372stars

21forks

TypeScript

Installation

# Add to your Claude Code skills
git clone https://github.com/razr001/align-dev

Getting Started

Guides for using ai agents skills like align-dev.

Caveman: Cut Claude Token Use by 65%
How agent-side prompt compression works, when to use it, and when not to.
What is an AI Skills Marketplace?
Definitions, how marketplaces work, and how to choose between them in 2026.
Getting Started with AI Skills

Security ReportVerified

Last scanned: 6/7/2026

{
  "issues": [
    {
      "type": "npm-audit",
      "message": "next: Vulnerability found",
      "severity": "medium"
    },
    {
      "type": "npm-audit",
      "message": "postcss: PostCSS has XSS via Unescaped </style> in its CSS Stringify Output",
      "severity": "medium"
    }
  ],
  "status": "PASSED",
  "scannedAt": "2026-06-07T07:56:21.653Z",
  "npmAuditRan": true,
  "pipAuditRan": true
}

README.md

Frequently Asked Questions

What is align-dev?

align-dev is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by 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. It has 372 GitHub stars.

Is align-dev safe to use?

Yes. align-dev passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.

How do I install align-dev?

Clone the repository with "git clone https://github.com/razr001/align-dev" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is align-dev written in?

align-dev is primarily written in TypeScript. It is open-source under razr001 on GitHub, so you can review or fork the full source.

Are there alternatives to align-dev?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh align-dev against similar tools.

Agentic AI for Beginners

Build your first AI agent from scratch - tool use, ReAct pattern, memory, deployment

41 minBeginner

Comments (0)

to leave a comment.

No comments yet. Be the first to share your thoughts!

Related Skills

superpowers

by obra

An agentic skills framework & software development methodology that works.

234,966

rooroo awesome-ai-leaderboard

AlignDev

Frontend conventions generator for the AI coding era · Generate team standards and SKILL.md in one flow

Build with AI. Ship with standards.

A 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.

📖 About AlignDev

AlignDev is a frontend conventions generator built for the AI coding era.

When 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.

In about 3 minutes, you can get:

A complete Markdown standards document you can share with your team
A SKILL.md you can place in the repository root so AI agents can load it automatically

✨ Features

Module	Capability	Details
🎯 7-step visual wizard	Core stack / UI / state / toolchain / directories / naming / tokens	Preview selections instantly, no config file required
🧠 Multi-framework support	Next.js · React (Vite) · Vue · Nuxt · SvelteKit	Options adapt to the selected framework to avoid invalid combinations
🎨 49 UI styles	minimalism / glassmorphism / neumorphism / brutalism / aurora / cyberpunk …	Each style includes preset Design Tokens
🌈 Live Design Tokens preview	Color depth (3 / 5 tiers), spacing (4px/8px), type scale (four ratios)	Visualize instantly and export as CSS Variables / JS Object
♿ WCAG contrast checks	Automatically calculates foreground/background contrast ratios	Built in `lib/wcag-utils.ts`, with AA / AAA level hints
📦 Live npm version sync	Fetches latest major versions for 30+ mainstream packages via `app/api/versions`	Falls back to `FALLBACK_VERSIONS` on failure
📄 Two output artifacts	Full standards document + `SKILL.md`	Copy or download in one click
🤖 AI-agent friendly	Output optimized for Claude Skill / Cursor Rules	Drop it into your repo and agents can follow it automatically
🌐 i18n / RTL aware	next-intl · i18next · vue-i18n · @nuxtjs/i18n	Supports `ltr` / `rtl` / `bidi` text directions
🔒 TypeScript first	Strict mode, fully typed options	See `types/wizard.ts`

📄 License

MIT © AlignDev

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/ui · Design Tokens · TypeScript conventions · AI developer tools

If AlignDev is useful to you, a ⭐ Star is the best support.