design-artifact

plannotator/effective-html

Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools. Use when creating or restyling any visual HTML deliverable and deciding its palette, type pairing, layout, theming, or overall register, or when the output must not look generically AI-generated.

内容更新日:

GitHub で見る
npx skills add plannotator/effective-html --skill design-artifact
4,154スター285フォークリポジトリの最終プッシュ

このスキルについて

Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools. Use when creating or restyling any visual HTML deliverable and deciding its palette, type pairing, layout, theming, or overall register, or when the output must not look generically AI-generated.

おすすめする理由

Summarized from the original plannotator/effective-html SKILL.md by Plannotator; the original upstream instructions were used.

役立つこと

  • Use this workflow when the task matches the original design-artifact instructions.

使う前に

  • Read the original SKILL.md and referenced files in plannotator/effective-html.

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。