القائمة
Soft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward, gentle float.
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/nexu-io/html-video --skill frame-takram-organicيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | frame-takram-organic |
| zh_name | 东方柔和有机帧 |
| en_name | Takram Organic Frame |
| emoji | 🌿 |
| description | Soft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward, gentle float. |
| zh_description | 东方柔和有机帧:毛玻璃圆角卡 + 曲线连接描入 + 放射节点弹出 + 柔和漂浮, 米色自然色调 |
| en_description | Soft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward, gentle float. |
| category | video |
| scenario | video |
| aspect_hint | 1920×1080 (16:9) |
| featured | 0 |
| recommended | 7 |
| tags | ["organic","soft-tech","radial","diagram","takram","beige","frame"] |
| example_id | sample-frame-takram-organic |
| example_name | 柔和有机帧 · 节点图 |
| example_format | markdown |
| example_tagline | 毛玻璃圆角卡 + 放射节点弹出 + 柔和漂浮 |
| example_desc | 米色底 + 自然色 (sage/terracotta) + 八节点放射图作为艺术品 |
| example_source_url | https://github.com/alchaincyf/huashu-design |
| example_source_label | huashu-design · Takram (MIT) |
| od | {"mode":"video","surface":"video","scenario":"video","featured":0,"upstream":"https://github.com/alchaincyf/huashu-design","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":false},"example_prompt":"Use the Takram Organic Frame template to turn my concept into a soft-tech radial node graph — a frosted rounded card with curved links drawing in and nodes popping outward around an evolving core. Preserve the template's visual signature, use real content, and avoid lorem ipsum or placeholder images.","example_prompt_i18n":{"zh-CN":"用「东方柔和有机帧」模板把我的概念做成一段柔和科技感放射节点图:毛玻璃圆角卡 + 曲线连接描入 + 节点围绕进化核心放射弹出。保持模板的视觉签名,使用真实内容,避免 lorem ipsum 和占位图片。"}} |
【模板: 东方柔和有机帧 (Takram Organic)】 【意图】系统/架构概念揭示 / 温暖产品叙事 / 网络/记忆图解。视觉提炼自 huashu-design 的 Takram 流派 (MIT, © alchaincyf)。
【画布】1920×1080, 米色底 #EFEAE0; 右侧叠 sage 绿径向 wash (rgba(122,158,127,0.10))。整体柔和、自然、有呼吸感。
【字体】西文 Manrope 700/600/400; 中文 Noto Sans SC。圆润, 不要太硬。
【主结构 (时间轴, 默认 5s)】
rgba(255,253,248,0.66) + blur 8px + border-radius 40px + 柔影) 从下方 26px + scale 0.985 升入。#7A9E7F, uppercase, letter-spacing 4px) fadeUp。#C98A5E。#8A867C, line-height 1.8) fadeUp。#B8C9BA, stroke-dasharray draw) 从中心错峰描出。【配色纪律】米色 #EFEAE0 / 暖白卡 / sage 绿 #7A9E7F·#B8C9BA / 陶土橙 #C98A5E / 暖灰文字。禁止高饱和科技蓝/紫。绿是结构色, 橙是强调色 (核心节点 + 标题 accent 词)。
【内容纪律】
@keyframes + SVG stroke-dashoffset, prefers-reduced-motion 下全部停在终态。