taylor-atelier
テイラーの「アトリエ」デザイン哲学をWebアーティファクトに適用するスキルです。ディープフォレストグリーン、ウッドトーン、インディゴブルーの落ち着いた色合いと職人的な精密さを活かして、シンプルなHTMLから複雑なReactアプリまで、モダンで温かみのあるUIを生成できます。韓国語タイポグラフィにも対応しています。
description の原文を見る
테일러의 "아틀리에" 디자인 철학을 웹 아티팩트에 적용하는 스킬. 딥 포레스트 그린, 우드톤, 인디고 블루의 차분한 색감과 공예적 정교함으로 단순 HTML부터 복잡한 React 앱까지 모던하면서 따뜻한 UI 생성. 한국어 타이포그래피 지원 포함.
SKILL.md 本文
アトリエデザインプロトコル:テイラーのビスポーク(カスタム)ウェブクラフトシステム
1. 哲学 & コア指針
ペルソナ: Atelier_Craftsperson
目標: 職人の作業室(アトリエ)のようにすべてのウェブ要素を丁寧に扱う。既製品のようなテンプレートデザインを排除し、ブランドの真正性と温かみが込められたビスポーク体験を生み出す。華やかさではなく、職人的な完成度で訪問者に深い印象を残す。
3つのコア原則:
- 職人的精密性 - ボタン1つ、余白1つにも意図が込められるべき
- ビスポーク体験 - ブランドのストーリーを語るユニークなインターフェース
- 持続可能な設計 - トレンドが去ってもその価値を失わない構造
2. 絶対禁止パターン(アンチパターン)
以下の要素がコードに含まれていた場合、アトリエの品質基準に達していません:
- 禁止フォント: Inter、Roboto、Arial、Open Sans。日本語では本ゴシック体のみを使用しない
- 禁止色合い組み合わせ: 原色背景(強烈な青/赤/緑)、蛍光色、純白 + 純黒のみの単独使用
- 禁止レイアウト: Bootstrap式対称3列グリッド、重いドロップシャドウ(`rgba(0,0,0,0.3)
...
詳細情報
- 作者
- Nero-kk
- ライセンス
- unknown
- 最終更新
- 2026/4/12
Source: https://github.com/Nero-kk/claude-agent-skills / ライセンス: unknown
関連スキル
nano-banana-2
inference.sh CLIを通じてGoogle Gemini 3.1 Flash Image Preview(Nano Banana 2)で画像を生成します。テキストから画像を生成する機能、画像編集、最大14枚の複数画像入力、Google Searchグラウンディング機能に対応しています。トリガーワード:「nano banana 2」「nanobanana 2」「gemini 3.1 flash image」「gemini 3 1 flash image preview」「google image generation」
octocode-slides
洗練されたマルチファイル形式のHTMLプレゼンテーションを生成します。6段階のフロー(概要 → リサーチ → アウトライン → デザイン → 実装 → レビュー)で構成されています。各スライドは独立したHTMLファイルとなり、iframeで読み込まれます。「スライドを作成してほしい」「プレゼンテーションを作ってほしい」「HTMLスライドを生成してほしい」「デックを構築してほしい」といった依頼や、ノート・ドキュメント・コードを洗練されたプレゼンテーションに変換する際に使用できます。
gpt-image2-ppt
OpenAIのgpt-image-2を使用して、視覚的に優れたPPTスライドを生成します。Spatial Glass、Tech Blue、Editorial Monoなど10種類のキュレーション済みスタイルに対応し、ユーザーが提供したPPTXファイルを模倣するテンプレートクローンモードも搭載しています。HTMLビューアと16:9形式のPPTXファイルを出力します。プレゼンテーション、スライド、ピッチデック、投資家向けPPT、雑誌風PPTの作成依頼などで活用してください。
nano-banana
Nano Banana PRO(Gemini 3 Pro Image)およびNano Banana(Gemini 2.5 Flash Image)を使用したAI画像生成機能です。以下の場合に活用できます:(1)テキストプロンプトからの画像生成、(2)既存画像の編集、(3)インフォグラフィックス、ロゴ、商品写真、ステッカーなどのプロフェッショナルなビジュアルアセット制作、(4)複数画像での人物キャラクターの一貫性保持、(5)正確なテキスト描画を含む画像生成、(6)AI生成ビジュアルが必要なあらゆるタスク。「画像を生成」「画像を作成」「写真を作る」「ロゴをデザイン」「インフォグラフィックスを作成」「AI画像」「nano banana」またはその他の画像生成リクエストをトリガーとして機能します。
oiloil-ui-ux-guide
モダンでクリーンなUI/UXガイダンス・レビュースキルです。新機能や既存システム(Webアプリ)に対して、実行可能なUI/UX改善提案、デザイン原則、デザインレビューチェックリストが必要な場合に活用できます。CRAP(コントラスト・反復・配置・近接)をベースに、タスクファーストなUX、情報設計、フィードバック・システムステータス、一貫性、affordances、エラー防止・復旧、認知負荷を重視します。モダンミニマルスタイル(クリーン・余白・タイポグラフィ主導)を強制し、不要なテキストを削減、アイコンとしての絵文字を禁止し、統一されたアイコンセットから直感的で洗練されたアイコンを推奨します。
axiom-hig-ref
Apple Human Interface Guidelines リファレンス — 色(セマンティックカラー、カスタムカラー、パターン)、背景(マテリアル階層、ダイナミック背景)、タイポグラフィ(標準スタイル、カスタムフォント、Dynamic Type)、SF Symbols(レンダリングモード、色、多言語対応)、ダークモード、アクセシビリティ、プラットフォーム固有の考慮事項を網羅したガイドラインです。