Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLIAbout this skill
ウェブサイトやLPのフロントエンドデザインを、コンセプトヒアリングからビジュアル戦略策定、 デザインアセット生成まで一貫して支援するスキル。カラーパレット、タイポグラフィ、 レイアウトパターン、CSSスニペットをコンセプト駆動で設計・生成する。 処理完了時に画像リソースガイド(image-resources.md)を生成し、 Unsplash/Pexels 検索キーワードと AI 画像生成プロンプト(Midjourney/DALL-E)を提供する。 Use when user says「LPを作りたい」「ウェブサイトのデザイン」「ヒーロー画像を探して」 「ランディングページの素材集め」「サイトのビジュアル方向性を決めたい」 「ファーストビューのデザイン」「フロントデザインを準備して」「ウェブデザインの素材」 「CSSグラデーション作って」「カラーパレットを提案して」「LP制作の準備」 「画像素材を探して」「Midjourney のプロンプトを書いて」。 Do NOT use for: 既存UIの改善・レビュー(→ ui-design)、 SEO 最適化やアナリティクス設計(→ seo-analytics)、 React/TSXコンポーネントの実装(→ effective-typescript)。
Quick start
- Copy the install prompt. Use the green button above this README.
- Send it to your agent. Paste it into your coding agent’s chat and send.
- Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
Review, license & listing details
This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.
Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.
0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1
Content SHA-256: b844f40b10901bc595d32cc4663ae12bac63ef72e8e65fd5708647129bf0fc39
About this listing
- Category
- Growth & marketing
- Reported license
- Not specified
- Listing language (estimated)
- Japanese
- Review status
- Not individually reviewed
- Agent compatibility
- Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.