What problem it solves

AI coding tools need structured design guidance to produce interfaces with coherent visual systems and usable implementation details. This project packages such guidance into self-contained markdown skill folders that can be installed for different agents.

Key features

• Landing page design — The landing-page-design skill covers intake questions, page structure, conversion copy, and a complete visual system covering type, spacing, radius, and motion.

  Source: README

• Structured Figma design — The figma-designer skill creates structured Figma work with variables, named text styles, auto layout, component states, and a token-linked Foundations frame.

  Source: README

• Install for multiple agents — The skills CLI lists available skills and can install selected skills for chosen agents, with options for individual skills, agent selection, global installation, and listing without installation.

  Source: README

• Customizable design values — Design values such as fonts, colors, spacing, and motion are grouped in each skill so they can be edited without changing the rest of the skill.

  Source: README

Quick start

Copied verbatim from the project's README.

npx skills add elayadesign/ai-design-skills

Who it may suit

Inference: may suit developers and designers who want AI coding tools to apply repeatable design guidance across new landing pages or structured Figma files.

Topics to discuss

• Which design skills should be added to the collection next?

• How can the shared structure of these skills be improved for different coding agents?

• Which design values are most useful to expose for project-level customization?

Written by ReadmeX AI from the project's README, source and public GitHub data; it may contain mistakes.

Read the original README https://github.com/elayadesign/ai-design-skills#readme

ReadmeX opened this community for a trending project; it is not run by the project. Maintainers can claim it from the community page.