principle-deepdive-html-style は何をしますか?
単一ファイルで構成された分析的なHTML記事のための再利用可能なビジュアルレシピ - Claude Code と Cursor 向けエージェントスキル。ダーク/ライトテーマ、インラインSVG図、外部依存ゼロ、300KB未満。
単一ファイルで構成された分析的なHTML記事のための再利用可能なビジュアルレシピ - Claude Code と Cursor 向けエージェントスキル。ダーク/ライトテーマ、インラインSVG図、外部依存ゼロ、300KB未満。
このスキルは、Claude CodeやCursorのようなAIエージェントが、単一ファイル(自己完結型)の分析的なHTML記事を生成するための再利用可能なビジュアルスタイルレシピです。ダークモードとライトモードを自動的にサポートし、インラインSVG図表を美しく埋め込む方法を提供します。外部CSSやJavaScriptライブラリを一切必要とせず、生成されるHTMLファイルのサイズは300KB未満に抑えられるため、ブログ投稿、技術ドキュメント、またはポートフォリオ記事としてそのまま公開できます。このスキルを使用することで、AIエージェントは一貫した視覚品質と構造を持つ、読みやすくプロフェッショナルなHTML記事を迅速に出力できるようになります。設計思想は「ミニマルで移植性が高く、見た目に優れた単一ファイル」であり、特に原理の深掘り(principle deep dive)やコンセプト解説記事に最適化されています。
npx skills add Misakakuroko/principle-deepdive-html-style単一ファイルで構成された分析的なHTML記事のための再利用可能なビジュアルレシピ - Claude Code と Cursor 向けエージェントスキル。ダーク/ライトテーマ、インラインSVG図、外部依存ゼロ、300KB未満。
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".