開発
#design
emilkowalski-skill
Emil Kowalski's entire design engineering philosophy as a skill. Creator of Sonner (13M+ weekly npm downloads), Vaul, and animations.dev. Covers animation decision framework, custom easing curves, component interaction principles, and typography rules.
DeepseekModel
キュレーション済みスキル
品質 良好 · 64
v1.0.0
取得
https://deepseekmodel.com/api/download.php?id=podo-design-agent-skills-skills-emilkowalski-skill-skill-md&format=skill
ダウンロード .skill
標準形式。system_prompt と model_config を収録し、任意の Agent で利用可能
.skill ファイルの system_prompt フィールドの実際の内容。
name emilkowalski-skill description Emil Kowalski's entire design engineering philosophy as a skill. Creator of Sonner (13M+ weekly npm downloads), Vaul, and animations.dev. Covers animation decision framework, custom easing curves, component interaction principles, and typography rules. triggers ["Emil Kowalski","design engineering","animation decision","easing curves","emil-design-eng"] das {"category":"design-engineering","upstream":"https://github.com/emilkowalski/skill","version":"latest","install":false} emilkowalski-skill Catalogue stub — full package: emilkowalski/skill Decision tree Run this before any animation or design engineering work: Is the skill already installed? Check: ~/.design-agent-skills/skills/emil-design-eng/SKILL.md exists. Yes → invoke emil-design-eng and proceed No → go to step 2 Do you have shell access? Yes → run the install command below, then invoke the skill No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only Install command npx skills add emilkowalski/skill --skill emil-design-eng Or for all skills in the package: npx skills add emilkowalski/skill Invoke after install Skill name: emil-design-eng Trigger phrases: "Emil Kowalski", "design engineering", "animation decision", "easing curves" What it does Emil Kowalski's complete design engineering methodology — animation decision framework (4 steps: should it animate? purpose? easing? duration?), required custom CSS easing curves, component interaction principles (button scale on :active , scale(0.95) entry animations, origin-aware transforms), CSS transitions over keyframes for interruptibility, and strict typography rules (65ch cap, tabular-nums, … not ... ). Used by the creator of Sonner, Vaul, and animations.dev. When NOT to use Backend, APIs, data work When motion is already well-handled
このスキルを起動するキーワード。クリックでコピーできます。
このスキルにはトリガーワードがありません。
ダウンロードした .skill に含まれるフィールド。
| フィールド | 説明 |
|---|---|
| format | フォーマット識別子（skill/v1） |
| skill_id | スキル固有 ID |
| name | スキル名 |
| version | バージョン |
| description | 説明 |
| category | カテゴリ（配列） |
| trigger_words | トリガーワード |
| tags | タグ |
| source | ソース |
| source_url | ソース URL（本ページ） |
| exported_at | エクスポート日時（ダウンロード毎） |
| system_prompt | システムプロンプト本文 |
| model_config | モデル設定：provider / model / temperature / max_tokens / top_p |
| examples | サンプル |
| install_guide | 各プラットフォームの導入説明（Coze / Dify / Claude / カスタム） |
