
Provides a full AI-native code editor experience, but requires manual prompt rules or extensions to enforce design discipline.

コーディングエージェントに本当のデザインセンスを与える Agent Skills
| 項目 / 指標 | ![]() | ![]() |
|---|---|---|
| 公式ドメイン | impeccable.style | skillry.dev |
| 料金モデル | 無料 | フリーミアム |
| 月間訪問数 | 103.86万 (1,038,637) | 53.58万 (535,817) |
| 前月比トラフィック増減 | +7.84万 (+8.2%) |
| +50.7万 (+1,762.1%) |
| 主要市場とシェア | 🇺🇸 アメリカ合衆国 (22.4%) | 🇺🇸 アメリカ合衆国 (17%) |
|---|
| 月間ダイレクト訪問数 | 46.48万 | 24.29万 |
|---|
| ユーザー評価 | 4.6 | 4.5 |
|---|
| 対応プラットフォーム | ウェブサイト | ウェブサイト |
|---|

コーディングエージェントに本物のデザイン判断力を
タイポグラフィ、レイアウト、余白、配色の判断を既定値任せにせず、設計意図を持って行えるようにする構造化スキル群です。
チップの氾濫、カードの入れ子、弱い階層、曖昧な CTA など、AI 生成 UI に繰り返し現れる典型を指摘します。
既存デザインシステムのトークン、コンポーネント、慣習に沿った出力を促し、視覚的な一貫性を保ちます。
コントラスト、フォーカス表示、セマンティック構造、レスポンシブ挙動を前提に組み込み、多様な端末と利用者に耐える UI にします。

コーディングエージェントに本当のデザインセンスを与える Agent Skills
すべての Skill は Skillry チームが設計・執筆・テストし、テンプレートとスクリプトは完成した作品をもとに作られています。
Web ページ、スライド、画像、動画、レポートをカバーし、エージェントが幅広い成果物を作れます。
Claude Code、Codex、Cursor、GitHub Copilot、Gemini CLI などで Skill をインストールして実行できます。
各 Skill ページが実際に生成した結果を示すので、追加前にビジュアルスタイルを判断できます。

Provides a full AI-native code editor experience, but requires manual prompt rules or extensions to enforce design discipline.
特化型Provides agentic multi-file coding workflows, but requires custom instructions to enforce specific UI guidelines.
#2特化型Supplies landing page design inspiration and prompts, focusing more on visual website layouts than code-ready agent skills.

特化型Orchestrates multiple coding agents from one interface, but does not provide built-in design compliance checks.
無料・オープンソースオープンソースのエージェント用SKILL.mdファイルのコミュニティカタログがより充実していますが、デザインシステムテンプレートへの特化度は低めです。

特化型Embeds AI copilots into web apps, but focuses on component integration rather than developer design rules.

無料・オープンソースCLIを介してローカルのgitリポジトリ内のコードを直接編集しますが、フロントエンドのデザインシステム専用の規律ルールがありません。

無料・オープンソースAIコーディングアシスタントをガイドするためのオープンなMarkdown規約を提供しますが、厳選されたライブラリというよりは標準フォーマットとして機能します。

特化型Acts as a model-agnostic coding assistant, but lacks specialized UI/UX design discipline rule packs.
CursorプラグインやMCPサーバーの対応範囲は広いですが、Skillryのようなエージェント用スキルファイルへの特化はありません。
無料・オープンソースAIエージェントに厳格なコーディング規則を課しますが、特定のUIデザインシステムよりもバックエンドの保守性に重点を置いています。
Provides a full AI-native code editor experience, but requires manual prompt rules or extensions to enforce design discipline.
特化型Provides agentic multi-file coding workflows, but requires custom instructions to enforce specific UI guidelines.
特化型Supplies landing page design inspiration and prompts, focusing more on visual website layouts than code-ready agent skills.
無料・オープンソースオープンソースのエージェント用SKILL.mdファイルのコミュニティカタログがより充実していますが、デザインシステムテンプレートへの特化度は低めです。
特化型Embeds AI copilots into web apps, but focuses on component integration rather than developer design rules.
特化型デザインエンジニアリングのリソース、ツール、インスピレーションを厳選したディレクトリ
CursorプラグインやMCPサーバーの対応範囲は広いですが、Skillryのようなエージェント用スキルファイルへの特化はありません。