·frontend-aesthetics
</>

frontend-aesthetics

bejranonda/llm-autonomous-agent-plugin-for-claude

一般的な AI のデフォルトを回避し、思慮深いタイポグラフィー/カラー/アニメーションを実装し、クロード コードの設計調査に基づいて洗練されたユーザー エクスペリエンスを作成するための独特のフロントエンド設計原則

3インストール·0トレンド·@bejranonda

インストール

$npx skills add https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude --skill frontend-aesthetics

SKILL.md

This skill provides specific design principles and patterns for creating distinctive, polished frontend interfaces that avoid "AI slop" - the generic, obviously-generated aesthetic that results from default AI model choices. Based on official research from "Improving frontend design through Skills" by Anthropic.

Skills Methodology: This follows Anthropic's skills approach - reusable markdown documents that provide altitude-appropriate design guidance without permanent context overhead. Skills make effective design prompts contextual and reusable across projects.

Core Problem: Distributional Convergence: Language models naturally sample from the high-probability center of their training data distribution. This causes them to default to statistically common "safe choices" (Inter fonts, purple gradients, minimal animations, standard grid layouts) because these patterns dominate web design datasets. The result is bland, forgettable interfaces that lack intentional design deci...

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude --skill frontend-aesthetics
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

frontend-aesthetics とは?

一般的な AI のデフォルトを回避し、思慮深いタイポグラフィー/カラー/アニメーションを実装し、クロード コードの設計調査に基づいて洗練されたユーザー エクスペリエンスを作成するための独特のフロントエンド設計原則 ソース: bejranonda/llm-autonomous-agent-plugin-for-claude。

frontend-aesthetics のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude --skill frontend-aesthetics インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude