Open-source alternatives to Design.md

This project is a design-to-development handoff guide and UI design audit framework. It provides a structured collection of requirements and checklists to verify that visual assets, component architectures, and technical specifications are ready for implementation. The framework focuses on standardizing web asset management through naming conventions and format verification for images, icons, and fonts. It includes specifications for responsive web design, ensuring that mobile and tablet layouts and fluid grid systems are defined for cross-device consistency. The guide covers quality assuran

This project is a spec-driven development framework and workflow automation system for Claude Code. It provides a structured pipeline that converts product requirements and technical designs into atomic implementation tasks for AI coding agents. The system features a context management system that organizes steering documents and technical specifications to optimize token usage and maintain LLM coherence. It also includes a bug resolution pipeline that manages software defects through a systematic five-stage process of reporting, analysis, fixing, and verification. Progress is tracked via a

This is a JavaScript color manipulation library used for converting color spaces, formatting CSS strings, and computing luminosity ratios. It provides tools to transform color values between different mathematical models, including RGB, HSL, and CMYK. The library includes a web accessibility contrast calculator to compute luminosity and contrast ratios, ensuring text readability meets accessibility standards. It also features a CSS color formatter that exports values as hex strings, numeric arrays, or CSS-compatible strings. The toolkit covers broader capabilities for frontend color manageme

Color-thief is a color quantization library and image color palette extractor designed to identify the most prominent colors in visual media. It functions as a semantic color classifier and color space converter, providing tools to extract dominant colors and generate representative palettes from images, videos, and canvas elements. The project utilizes a WebAssembly color processor and background workers to perform high-performance pixel analysis. It implements a WCAG contrast analyzer to calculate color contrast ratios and determine accessible foreground text colors based on accessibility s

This project provides a comprehensive library and framework for automated web accessibility auditing. It enables developers to verify that web content adheres to accessibility standards by executing a suite of programmatic rules against the document object model to identify potential barriers for users of assistive technologies. The tool distinguishes itself through its modular rule-based engine, which performs deep analysis of semantic structures, including the validation of roles, states, and properties. It implements standard algorithms to compute accessible names and performs computed sty

TinyColor is a JavaScript color manipulation library used for parsing, converting, and modifying colors across various formats and color spaces. It functions as a color space conversion tool and a web accessibility contrast checker to ensure compliance with readability standards. The library provides a color palette generator for creating monochromatic, analogous, and complementary color schemes from a starting color. It also translates colors between hex, RGB, HSL, HSV, and named formats. Additional capabilities include color parsing and normalization, programmatic manipulation of brightnes

Theo is an abstraction for transforming and formatting Design Tokens.

🏕️ Kumbaya, friends. Figmagic automates the world into a better place, but does not attempt to completely remove designers or developers: It just aims to move them closer, while eliminating most of the tedious busywork that has grown around front-end development.

This package retrieves symbols from a specified sketch file stored in abstract, models the data neatly and transposes sketch format styles into more webdev(tm) friendly values.

A list of resources on all things to do with Design Tokens