بنقرة واحدة
typst-style
Typst workshop slidesを、docs/style-guide.mdとtemplateの部品に沿って整える。(デザイン方針はimpeccable/layoutを主に参照)
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
Typst workshop slidesを、docs/style-guide.mdとtemplateの部品に沿って整える。(デザイン方針はimpeccable/layoutを主に参照)
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.
Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character.
Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable.
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. Call with 'craft' for shape-then-build, 'teach' for design context setup, or 'extract' to pull reusable components and tokens into the design system.
Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic.
Typstスライドをビルドし、PDF化したときの詰まり、はみ出し、過密を確認して修正する。(構図の意図はlayout/impeccableを主に参照)
| name | typst-style |
| description | Typst workshop slidesを、docs/style-guide.mdとtemplateの部品に沿って整える。(デザイン方針はimpeccable/layoutを主に参照) |
Typst/Touying スライドの見た目と文体を統一するためのスキル。
デザインの主導は .agents/skills/impeccable・layout などに任せ、このスキルは 既に決まった方針を docs/style-guide.md と template/ の部品へ落とすところまでを扱う。階層・余白・トーンの議論がまだのときは、先にそちらを読む。
| ファイル | 用途 |
|---|---|
docs/style-guide.md | 色、文体、レイアウト判断 |
template/main.typ | レイアウトパターンの実例 |
template/components.typ | パネル、統計、リンクなどの部品 |
template/layouts.typ | 比較、カード、セクション開始などの配置 |
template/main.typ から近いパターンを選ぶtemplate/layouts.typ の関数へ寄せるdocs/style-guide.md に合わせるmise run build または mise run check でビルド確認するdanger / success、注意は warning、補足は info を使うcols と cell-height で固定し、カード高さをautoに任せない.agents/skills/typst-style を使って、template/main.typ の比較スライドを compare レイアウトに寄せて