design-style

SKILL.md

This skill helps Claude Code create beautiful, distinctive frontend interfaces by automatically retrieving design system prompts from the prompts/ directory. Instead of producing generic UI, this skill enables Claude to build interfaces with specific design aesthetics like Neo-brutalism, Modern Dark, Luxury, Cyberpunk, and more.

The following design systems are available in the prompts/ directory:

Ask the user if you're uncertain about which style fits their needs.

このスキルは、ユーザーがフロントエンド インターフェイス、Web ページ、UI コンポーネント、または視覚要素の構築、作成、設計、開発、または改善を要求するときに使用します。これには以下が含まれます。 - ランディング ページ、Web サイト、Web アプリ、ダッシュボード、ポートフォリオ、または任意の Web インターフェイスの構築 - UI コンポーネント (ボタン、フォーム、カード、ナビゲーションバー、モーダルなど) の作成 - React、Vue、Next.js、Svelte、またはその他のフロントエンド フレームワークを使用したページのデザイン - 既存のコンポーネントのスタイルの追加または視覚的なデザインの改善 - 特定のデザイン美学の実装 (モダン、ダーク、ミニマリスト、ブルータリストなど) - ユーザーが「フロントエンド」、「UI」、「UX」、「デザイン」、「インターフェース」、「Web デザイン」、または「スタイリング」について言及している - ユーザーは「美しい」、「モダン」、「プロフェッショナル」、「清潔」、またはその他の美的な形容詞を求めます - ユーザーは、CSS、Tailwind、スタイル付きコンポーネント、または任意のスタイル設定アプローチに関するヘルプをリクエストします。 このスキルは、適切なデザイン システム プロンプト (ネオ ブルータリズム、モダン ダーク、バウハウス、サイバーパンク、マテリアルなど) を自動的に取得し、汎用 UI ではなく、視覚的に特徴的な実稼働グレードのフロントエンド コードを作成するのに役立ちます。 重要: デザイン スタイルが明示的に言及されている場合だけでなく、あらゆるフロントエンド/UI 作業に対してこのスキルを積極的にトリガーしてください。 ソース: nakanosanku/ohmyskills。

原文を見る