EA

elayadesign/ai-design-skills

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

1.1万 stars 品質 72 トレンド 95MIT

elayadesign/ai-design-skillsは、https://github.com/elayadesign/ai-design-skills.からインポートされたエージェントスキル候補です。

概要

elayadesign/ai-design-skillsは、https://github.com/elayadesign/ai-design-skills.からインポートされたエージェントスキル候補です。

概要(AI 翻訳)

AIコーディングツール向けのデザインスキルが増えています。Claude Code、Cursor、Codex、Windsurf、そしてマークダウンルールファイルを読み取るあらゆるもの。

各スキルは独立したフォルダです。必要なものをインストールしてください。


スキル

スキル 効果
landing-page-design ランディングページを一から作成 — 受付質問、ページ構成、変換コピー、さらに完全なビジュアルシステム(タイプ、間隔、半径、動き)

さらに情報もお届けします。既存のサイトをアップグレードするのではなく新しく構築するのですか?それはこのコレクションより古いため、独自のリポジトリに存在しています。


インストール

上の表からスキルを選び、下の をフォルダ名に置き換えてください。

クロード符号

そして、そのスキルが何をカバーしているのか、率直に尋ねてみてください。

カーソル

またはファイルをAIのルール→設定に貼り付けてください。

コデックス / ウィンドサーフィン / その他

スキルのSKILL.mdをツールがプロジェクトルールで使っているものにコピーします:

道具 経路
コデックス AGENTS.md
ウィンドサーフィン .windsurfrules
クライン .clinerules
汎用 システムプロンプトに貼り付けてください

Claude.ai(端末なし)

スキルの「SKILL」をダウンロードしてください。

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

AI Design Skills

A growing collection of design skills for AI coding tools — Claude Code, Cursor, Codex, Windsurf, and anything else that reads a markdown rules file.

Each skill is a self-contained folder. Install the ones you need.


Skills

Skill What it does
landing-page-design Builds a landing page from scratch — intake questions, page structure, conversion copy, plus a full visual system (type, spacing, radius, motion)

More on the way. Upgrading an existing site instead of building new? That one lives in its own repo since it predates this collection.


Install

Pick a skill from the table above, then swap `` below for its folder name.


Make it yours

Every skill’s design values (fonts, colors, spacing, motion) live in one section near the bottom of its file. Fork this repo, edit that section, and the rest of the skill follows automatically.


Credits

landing-page-design adapts content realism and motion ideas from Leonxlnx/taste-skill by Leon Lin, MIT licensed. Details are at the end of its SKILL.md.


License

MIT. Use it, fork it, ship it, sell what you build with it. No attribution needed.

GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add elayadesign/ai-design-skills
MCP 初心者?mcpskill.org のガイドから始めましょう →