ai-design-skills

Provides design capabilities for AI coding tools, supporting multiple AI assistants.

Agent SkillDesignOpen source

Type: Agent Skill
Open source: Yes
GitHub Stars: ★ 1.0k
Source: skill-github
Repository: github.com/elayadesign/ai-design-skills

Overview

ai-design-skills is an expanding collection of design skills tailored for AI coding tools that read Markdown rule files, such as Claude Code, Cursor, Codex, and Windsurf. Each skill is a standalone folder that can be installed as needed. These skills enable the AI to generate landing pages from scratch, including page structure, conversion copy, and a complete visual system (typography, spacing, corner radius, animations). With simple commands or configuration, these skills can be integrated into various AI tools.

Capabilities

▪Generate landing page structure
▪Write conversion copy
▪Create visual system
▪Customize design values

Use cases

Quickly build website landing pagesOptimize existing website designsAutomatically generate design elements

Setup

Requires: API KeyNode 环境

Depending on the selected skill, use the provided command to clone and copy it into the corresponding AI tool directory. For example, for Claude Code:
```bash
mkdir -p .claude/skills
git clone https://github.com/elayadesign/ai-design-skills.git /tmp/ai-design-skills
cp -r /tmp/ai-design-skills/skills/<skill-name> .claude/skills/
```

This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.