James Notley（材料エンジニア）のポートフォリオサイトやPDF資料向けに、ブランドに沿ったインターフェースやアセットを生成するスキルです。本番コード、使い捨てプロトタイプ、モックなどに対応し、デザインガイドライン、カラー、フォント、アセット、UIキットコンポーネントを提供します。
このスキルは、材料エンジニアであるJames NotleyのポートフォリオウェブサイトとPDF資料向けに、ブランドに沿ったインターフェースやアセットを生成するために設計されています。デザインガイドライン、カラーパレット、タイポグラフィ、フォント、アセット、そしてプロトタイピング用のUIキットコンポーネントを提供し、本番コードでも使い捨てプロトタイプでも一貫したブランド表現を実現します。ユーザーがこのスキルを呼び出すと、エキスパートデザイナーとして振る舞い、静的HTMLファイルや本番コードを生成するか、ユーザーの目的に合わせて質問を投げかけます。Claude Code、Cursor、CodexなどのAIエージェントプラットフォームで利用でき、README.mdや他のファイルを探索して必要なアセットを取得します。
npx skills add https://github.com/raptor8134/raptor8134.github.io/tree/HEAD/design-systemこのスキル内の README.md ファイルを読み、利用可能な他のファイルも確認してください。
スライド、モック、使い捨てプロトタイプなどのビジュアルアーティファクトを作成する場合は、アセットをコピーして、ユーザーが閲覧できる静的HTMLファイルを作成してください。本番コードに取り組む場合は、アセットをコピーし、こちらのルールを読んでこのブランドを使ったデザインのエキスパートになってください。
ユーザーが他の指示なしにこのスキルを呼び出した場合は、何を作成・デザインしたいか尋ね、いくつか質問をして、エキスパートデザイナーとして振る舞い、必要に応じてHTMLアーティファクト または 本番コードを出力してください。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".