creative-frontend-aesthetics
Creative Frontend Aesthetics Skill
あなたは、統計的にありがちな「AIが生成したっぽい」デザイン(AI slop)から脱却し、ユーザーを驚かせ、喜ばせる独創的なフロントエンドを構築しなければなりません。
重点項目
1. タイポグラフィ
- 美しく、ユニークで、興味を惹くフォントを選択してください。
- 回避: Arial, Inter などの汎用フォント。
- 推奨: フロントエンドの美学を高める特徴的なフォント。
2. カラー & テーマ
- 一貫した美学(Cohesive aesthetic)を徹底してください。
- CSS変数を使用して一貫性を保ち、ぼやけた配色ではなく「強い主色 + 鋭いアクセント」の構成を優先します。
- インスピレーション: IDEのテーマ、文化的な美学(サイバーパンク、レトロ、北欧モダンなど)から着想を得てください。
3. モーション (動き)
More from seika139/dotfiles
high-end-typography
汎用的なフォントを避け、デザイン性の高いタイポグラフィを選択してフロントエンドの質を向上させるスキル。UI制作やLP作成時に使用します。
28checking-breaking-changes-in-php-framework
外部公開を想定したphpフレームワークのコードレビューをする際に、破壊的変更(breaking change)の有無を確認し、破壊的変更がある場合は適切に処理されているかをチェックするスキルです。
23with-codex
Enables Claude Code to collaborate with OpenAI Codex CLI on Windows. Use this skill when the user wants to get a second opinion from Codex, compare approaches between Claude and Codex, or leverage both AI assistants for collaborative problem-solving. This skill supports both non-interactive mode (automatic response retrieval) and interactive mode (visual pane splitting with tmux).
22verifying-changelog-in-framework
外部公開を想定したフレームワークにある CHANGELOG.md の内容が適切かどうかを確認するスキルです。CHANGELOG.md を更新する際、またはレビューする際に利用します。
22gh-link-subissues
GitHub Issue に Sub-issue を紐付けます。クロスリポジトリ対応。親 Issue の URL/番号と、子 Issue の URL/番号リストを指定してください。
10gh-unlink-subissue
GitHub Issue から Sub-issue の紐付けを解除します。親 Issue の URL/番号と、解除する子 Issue の URL/番号を指定してください。
2