AI Design Skills is an open-source collection of reusable design instructions for AI coding assistants such as Claude Code, Cursor, Codex, and Windsurf. It helps agents create polished landing pages through structured design and development workflows. The landing page skill begins with audience research, conversion objectives, and content planning. It provides rules for typography, spacing, colors, layouts, and interface animation. Developers can generate page structures, conversion-focused copy, FAQs, and SEO recommendations. A separate design-to-motion skill converts static designs into animated showcases for websites and social media. Each skill is distributed as an editable Markdown file that can be installed directly into compatible AI development environments.
Features
- AI-Powered Landing Page Design Workflows
- Conversion Copywriting and Content Planning
- Customizable Typography, Spacing, and Motion Systems
- Static Design-to-Animation Conversion
- SEO and Answer Engine Optimization Guidelines
- Claude Code, Cursor, Codex, and Windsurf Compatibility