{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "aglaia", "homepage": "https://aglaia.design", "items": [ { "name": "accordion", "type": "registry:component", "title": "Accordion", "description": "Q&A rows collapse and expand — native details, zero JS", "keywords": [ "accordion", "effect", "css", "accordion" ], "title_zh": "手风琴折叠", "summary_zh": "问答一条条收起，点标题展开答案——原生 details 零 JS", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/accordion.md" }, { "name": "animated-counter", "type": "registry:component", "title": "Animated Counter", "description": "Numbers roll from 0 to the target, fast then slow, landing softly", "keywords": [ "animated counter", "effect", "css", "animated-counter" ], "title_zh": "数字滚动计数", "summary_zh": "数字从 0 滚到目标值，先快后慢稳稳停住", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/animated-counter.md" }, { "name": "avatar-stack", "type": "registry:component", "title": "Avatar Stack", "description": "Avatars overlap in a row — instant 'lots of people here' signal", "keywords": [ "avatar stack", "effect", "css", "avatar-stack" ], "title_zh": "头像堆叠", "summary_zh": "一排头像互相压住一部分，一眼看出「很多人参与」", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/avatar-stack.md" }, { "name": "button-press", "type": "registry:component", "title": "Button Press Feel", "description": "On :active the button sinks 3px and its bottom shadow thins with it", "keywords": [ "button press feel", "effect", "css", "button-press" ], "title_zh": "按钮按压感", "summary_zh": ":active 时按钮沉下去 3 像素，底影同步变薄", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/button-press.md" }, { "name": "card-lift", "type": "registry:component", "title": "Card Hover Lift", "description": "Hover raises the card a few pixels and deepens its shadow", "keywords": [ "card hover lift", "effect", "css", "card-lift" ], "title_zh": "卡片悬停上浮", "summary_zh": "鼠标一放上去，卡片抬起几像素、影子变深", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/card-lift.md" }, { "name": "custom-checkbox", "type": "registry:component", "title": "Custom Checkbox", "description": "Hide the native box, show your own rounded square + check", "keywords": [ "custom checkbox", "effect", "css", "custom-checkbox" ], "title_zh": "自定义多选框", "summary_zh": "藏起原生方框，换一个圆角方形 + 勾的自有样式", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/custom-checkbox.md" }, { "name": "custom-range", "type": "registry:component", "title": "Custom Range Slider", "description": "Restyle the native range input: filled track + round thumb", "keywords": [ "custom range slider", "effect", "css", "custom-range" ], "title_zh": "自定义滑杆", "summary_zh": "给原生 range 换上品牌样式：填充轨道 + 圆形滑块", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/custom-range.md" }, { "name": "custom-toggle", "type": "registry:component", "title": "Custom Toggle", "description": "A track and a thumb — slide means on", "keywords": [ "custom toggle", "effect", "css", "custom-toggle" ], "title_zh": "自定义开关", "summary_zh": "轨道 + 滑块的开关，滑块滑过去就是「开」", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/custom-toggle.md" }, { "name": "dot-grid-bg", "type": "registry:component", "title": "Dot Grid Background", "description": "Evenly spaced dots tile the background — graph paper for the eye", "keywords": [ "dot grid background", "effect", "css", "dot-grid-bg" ], "title_zh": "点阵背景", "summary_zh": "等距小圆点铺满背景，像方格纸一样的隐形坐标系", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/dot-grid-bg.md" }, { "name": "dropdown-menu", "type": "registry:component", "title": "Dropdown Menu", "description": "A panel of actions opens with grouping separators and a slide-in", "keywords": [ "dropdown menu", "effect", "css", "dropdown-menu" ], "title_zh": "下拉菜单", "summary_zh": "点开一列操作项，带分组分隔线和滑入动画", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/dropdown-menu.md" }, { "name": "entrance-motion", "type": "registry:component", "title": "Entrance Motion", "description": "A group of elements fades and rises in, one after another, like a queue", "keywords": [ "entrance motion", "effect", "css", "entrance-motion" ], "title_zh": "入场动效", "summary_zh": "一组元素逐个淡入上浮，像排队进场", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/entrance-motion.md" }, { "name": "focus-ring", "type": "registry:component", "title": "Focus Ring", "description": "Wherever Tab lands, a ring lights up — the accessibility baseline", "keywords": [ "focus ring", "effect", "css", "focus-ring" ], "title_zh": "焦点环", "summary_zh": "键盘 Tab 走到哪，哪里亮起一圈描边——无障碍的底线", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/focus-ring.md" }, { "name": "glassmorphism", "type": "registry:component", "title": "Glassmorphism", "description": "A translucent panel with backdrop blur — frosted glass floating over the scene", "keywords": [ "glassmorphism", "effect", "css", "glassmorphism" ], "title_zh": "毛玻璃拟态", "summary_zh": "半透明面板 + 背景模糊，像一块磨砂玻璃浮在画面上", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/glassmorphism.md" }, { "name": "gradient-border", "type": "registry:component", "title": "Gradient Border", "description": "A ring of gradient light slowly orbits the border — reserved for hero content", "keywords": [ "gradient border", "effect", "css", "gradient-border" ], "title_zh": "流光边框", "summary_zh": "一圈渐变光沿着边框缓慢旋转，专为重点内容准备", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/gradient-border.md" }, { "name": "grid-lines-bg", "type": "registry:component", "title": "Grid Lines Background", "description": "Two sets of faint lines cross into a blueprint grid — the classic tech backdrop", "keywords": [ "grid lines background", "effect", "css", "grid-lines-bg" ], "title_zh": "网格线背景", "summary_zh": "两组淡线交叉成蓝图网格，科技感的经典垫底", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/grid-lines-bg.md" }, { "name": "image-zoom", "type": "registry:component", "title": "Image Hover Zoom", "description": "Hover an image and the scene slowly pushes in, inside its frame", "keywords": [ "image hover zoom", "effect", "css", "image-zoom" ], "title_zh": "图片悬停放大", "summary_zh": "鼠标放上图片，画面在框里慢慢推近", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/image-zoom.md" }, { "name": "marquee", "type": "registry:component", "title": "Seamless Marquee", "description": "A row of content scrolls forever with no visible seam", "keywords": [ "seamless marquee", "effect", "css", "marquee" ], "title_zh": "无缝跑马灯", "summary_zh": "一排内容匀速横滚，首尾相接看不出断点", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/marquee.md" }, { "name": "mesh-gradient", "type": "registry:component", "title": "Mesh Gradient", "description": "Soft blobs of color melt into each other and drift slowly — a premium background", "keywords": [ "mesh gradient", "effect", "css", "mesh-gradient" ], "title_zh": "网格渐变背景", "summary_zh": "几团柔光色块互相交融，缓慢漂移的高级感背景", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/mesh-gradient.md" }, { "name": "neumorphism", "type": "registry:component", "title": "Neumorphism", "description": "Elements look extruded from the background — one light shadow, one dark shadow", "keywords": [ "neumorphism", "effect", "css", "neumorphism" ], "title_zh": "新拟态", "summary_zh": "元素像从背景里「挤」出来一样，一道亮影一道暗影塑造体积", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/neumorphism.md" }, { "name": "noise-texture", "type": "registry:component", "title": "Noise Texture", "description": "A whisper of grain over flat color kills the plastic look", "keywords": [ "noise texture", "effect", "css", "noise-texture" ], "title_zh": "噪点质感", "summary_zh": "给大色块盖一层极细的噪点，去掉「塑料感」", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/noise-texture.md" }, { "name": "progress-ring", "type": "registry:component", "title": "Progress Ring", "description": "An SVG arc draws completion around a centered percentage", "keywords": [ "progress ring", "effect", "css", "progress-ring" ], "title_zh": "环形进度", "summary_zh": "一圈 SVG 弧线画出完成度，中心放百分比", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/progress-ring.md" }, { "name": "pulsing-badge", "type": "registry:component", "title": "Pulsing Badge", "description": "A dot ripples outward in rings — the universal 'live right now' signal", "keywords": [ "pulsing badge", "effect", "css", "pulsing-badge" ], "title_zh": "呼吸徽标", "summary_zh": "小圆点一圈圈向外扩散波纹，专表「正在进行」", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/pulsing-badge.md" }, { "name": "shimmer-skeleton", "type": "registry:component", "title": "Shimmer Skeleton", "description": "Gray blocks hold the layout while data loads, swept by a passing sheen", "keywords": [ "shimmer skeleton", "effect", "css", "shimmer-skeleton" ], "title_zh": "骨架屏微光", "summary_zh": "数据没到之前，用灰块占位，一道微光循环扫过", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/shimmer-skeleton.md" }, { "name": "sliding-tabs", "type": "registry:component", "title": "Sliding Tabs", "description": "An ink bar under the tabs glides to the active one", "keywords": [ "sliding tabs", "effect", "css", "sliding-tabs" ], "title_zh": "滑动标签页", "summary_zh": "标签下的一条墨线滑到当前标签，像墨水在流动", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/sliding-tabs.md" }, { "name": "spotlight-card", "type": "registry:component", "title": "Spotlight Card", "description": "A pool of light follows the cursor across the card", "keywords": [ "spotlight card", "effect", "css", "spotlight-card" ], "title_zh": "聚光灯卡片", "summary_zh": "一团光跟着鼠标在卡片上走，照到哪亮到哪", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/spotlight-card.md" }, { "name": "steps-indicator", "type": "registry:component", "title": "Steps Indicator", "description": "Dots and connectors show flow progress: done gets a check, current gets the highlight", "keywords": [ "steps indicator", "effect", "css", "steps-indicator" ], "title_zh": "步骤指示器", "summary_zh": "圆点 + 连线画出流程进度：已完成打勾，当前步高亮", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/steps-indicator.md" }, { "name": "striped-progress", "type": "registry:component", "title": "Striped Progress", "description": "Diagonal stripes keep flowing inside the fill — 'still working' at a glance", "keywords": [ "striped progress", "effect", "css", "striped-progress" ], "title_zh": "条纹进度条", "summary_zh": "斜条纹在填充段里持续流动，一看就知道「还在干活」", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/striped-progress.md" }, { "name": "text-shimmer", "type": "registry:component", "title": "Text Shimmer", "description": "A band of light sweeps across the text itself — the 'AI is generating' cue", "keywords": [ "text shimmer", "effect", "css", "text-shimmer" ], "title_zh": "文字微光", "summary_zh": "一道亮光扫过文字本身，常见于「AI 正在生成」的提示", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/text-shimmer.md" }, { "name": "tilt-card", "type": "registry:component", "title": "3D Tilt Card", "description": "The card tilts toward the cursor, like a physical card in your hand", "keywords": [ "3d tilt card", "effect", "css", "tilt-card" ], "title_zh": "3D 倾斜卡片", "summary_zh": "卡片随鼠标方向微微倾斜，像拿在手里的一张实体卡", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/tilt-card.md" }, { "name": "tooltip", "type": "registry:component", "title": "Tooltip", "description": "A small caption floats above an element on hover or focus", "keywords": [ "tooltip", "effect", "css", "tooltip" ], "title_zh": "气泡提示", "summary_zh": "悬停或聚焦时在元素上方浮出一句小字解释", "kind": "effect", "entry_type": "effect", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "effect", "status": "published", "license": { "spdx": "MIT", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/effects/tooltip.md" }, { "name": "bottom-sheet", "type": "registry:component", "title": "Bottom Sheet", "description": "A panel that rises from the bottom of the screen: share, filter, pick a variant — thumb-reachable, swipe down to dismiss.", "keywords": [ "bottom sheet", "component", "overlay" ], "title_zh": "底部弹层", "summary_zh": "从屏幕底部升起来的半屏面板：分享、筛选、选规格——拇指够得着，还能下拉关掉。", "kind": "entry", "entry_type": "component", "platforms": [ "ios", "android", "harmonyos", "web-mobile" ], "function": "overlay", "placements": [ "bottom-sheet" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/bottom-sheet.md" }, { "name": "breadcrumb-nav", "type": "registry:component", "title": "Breadcrumb", "description": "A one-line trail — Home / Category / Current — showing your level and letting you jump back up.", "keywords": [ "breadcrumb", "component", "navigation" ], "title_zh": "面包屑", "summary_zh": "「首页 / 分类 / 当前页」一行小字：告诉你在哪一层，还能点回去。", "kind": "entry", "entry_type": "component", "platforms": [ "web", "desktop" ], "function": "navigation", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/breadcrumb-nav.md" }, { "name": "card-basic", "type": "registry:component", "title": "Basic Card", "description": "One piece of content per card: media on top, title and summary below, one or two actions.", "keywords": [ "basic card", "component", "content" ], "title_zh": "基础卡片", "summary_zh": "一块内容一个卡：图在上、标题摘要在下，带一两个操作——商品、文章、课程都用它装。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "content", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/card-basic.md" }, { "name": "cart-item", "type": "registry:component", "title": "Cart Item", "description": "One row in the cart: thumbnail, name, price, quantity stepper, and a checkbox — swipe to delete.", "keywords": [ "cart item", "component", "commerce" ], "title_zh": "购物车条目", "summary_zh": "购物车里的一行：小图、名字、价格、数量步进器和一个勾选框，左滑还能删。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "commerce", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/cart-item.md" }, { "name": "checkout-form", "type": "registry:component", "title": "Checkout Form", "description": "The last stretch before paying: review items, pick an address, apply discounts, choose payment, place the order.", "keywords": [ "checkout form", "component", "commerce" ], "title_zh": "结算表单", "summary_zh": "付钱前最后一段路：确认商品、选地址、看优惠、选支付方式、点下单。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "commerce", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/checkout-form.md" }, { "name": "dashboard-cards", "type": "registry:component", "title": "Dashboard Stat Cards", "description": "The row of metric cards on a dashboard home: today's orders, new users, conversion — each with a delta and a sparkline.", "keywords": [ "dashboard stat cards", "component", "data" ], "title_zh": "仪表盘指标卡组", "summary_zh": "后台首页那排数字卡：今日订单、新增用户、转化率，每个带涨跌箭头和小趋势。", "kind": "entry", "entry_type": "component", "platforms": [ "web", "desktop" ], "function": "data", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/dashboard-cards.md" }, { "name": "data-table", "type": "registry:component", "title": "Data Table", "description": "The backbone of admin UIs: one field per column, sortable headers, row actions, pagination at the bottom.", "keywords": [ "data table", "component", "data" ], "title_zh": "数据表格", "summary_zh": "后台的命根子：一列一个字段，表头能排序，行尾有操作，底部分页。", "kind": "entry", "entry_type": "component", "platforms": [ "web", "desktop" ], "function": "data", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/data-table.md" }, { "name": "detail-hero", "type": "registry:component", "title": "Detail Hero", "description": "The opening block of a detail page: hero media, title, key facts, then the body — often with a sticky action bar.", "keywords": [ "detail hero", "component", "content" ], "title_zh": "详情页头图区", "summary_zh": "详情页开头那块：大图或封面、标题、关键信息，再往下才是正文，底部常吸一个购买/收藏条。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "content", "placements": [ "content-area", "floating" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/detail-hero.md" }, { "name": "drawer-nav", "type": "registry:component", "title": "Drawer / Sidebar Navigation", "description": "Navigation that slides in from the left or stays pinned there — the primary nav for dashboards and complex apps.", "keywords": [ "drawer sidebar navigation", "component", "navigation" ], "title_zh": "侧边导航（抽屉/侧栏）", "summary_zh": "从左边滑出来或常驻左边的导航：一级、二级菜单都在里面，后台和复杂应用的主导航。", "kind": "entry", "entry_type": "component", "platforms": [ "web", "desktop", "tablet" ], "function": "navigation", "placements": [ "sidebar-left" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/drawer-nav.md" }, { "name": "empty-state", "type": "registry:component", "title": "Empty State", "description": "What shows when there's nothing yet: a small illustration, one line of explanation, and a way to add the first item.", "keywords": [ "empty state", "component", "feedback" ], "title_zh": "空状态", "summary_zh": "没东西时出现的那块：一张小插画、一句说明、一个「去添加」的按钮。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "feedback", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/empty-state.md" }, { "name": "error-404", "type": "registry:component", "title": "404 Error Page", "description": "The page for a wrong turn: a big 404, one line of human explanation, and buttons back home or to search.", "keywords": [ "404 error page", "component", "feedback" ], "title_zh": "404 错误页", "summary_zh": "走错路时看到的那页：一个大大的 404、一句人话、两个按钮（回首页、去搜索）。", "kind": "entry", "entry_type": "component", "platforms": [ "web" ], "function": "feedback", "placements": [ "full-screen" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/error-404.md" }, { "name": "grouped-list", "type": "registry:component", "title": "Grouped List", "description": "A list with group headers: small group titles above each section; headers can stick, with an A–Z index for jumping.", "keywords": [ "grouped list", "component", "content" ], "title_zh": "分组列表", "summary_zh": "带组头的列表：组名小字压在每组上方，滚动时组头吸顶，A–Z 索引还能点字母跳。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "content", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/grouped-list.md" }, { "name": "harmonyos-list", "type": "registry:component", "title": "HarmonyOS List (Schematic)", "description": "The grouped list used across HarmonyOS settings and content pages — self-drawn schematic from published guideline points; no official assets.", "keywords": [ "harmonyos list schematic", "component", "content" ], "title_zh": "鸿蒙分组列表（自绘示意）", "summary_zh": "鸿蒙设置与内容页的分组列表：按华为设计规范要点自绘示意，非官方素材。", "kind": "entry", "entry_type": "component", "platforms": [ "harmonyos" ], "function": "content", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/harmonyos-list.md" }, { "name": "harmonyos-tabs", "type": "registry:component", "title": "HarmonyOS Bottom Tabs (Schematic)", "description": "The bottom primary navigation for HarmonyOS apps — a self-drawn schematic following Huawei's published design guidelines; no official assets.", "keywords": [ "harmonyos bottom tabs schematic", "component", "navigation" ], "title_zh": "鸿蒙底部标签栏（自绘示意）", "summary_zh": "鸿蒙 App 的底部主导航：按华为设计规范的要点自绘示意，非官方素材。", "kind": "entry", "entry_type": "component", "platforms": [ "harmonyos" ], "function": "navigation", "placements": [ "bottom-tab" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/harmonyos-tabs.md" }, { "name": "hero-section", "type": "registry:component", "title": "Hero Section", "description": "The first screen of a landing page: one big headline, one supporting line, one primary button, product visual beside or below.", "keywords": [ "hero section", "component", "marketing" ], "title_zh": "落地页 Hero", "summary_zh": "落地页第一屏：一句大标题、一行副文案、一个大按钮，右边或下边一张产品图。", "kind": "entry", "entry_type": "component", "platforms": [ "web" ], "function": "marketing", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/hero-section.md" }, { "name": "image-carousel", "type": "registry:component", "title": "Image Carousel", "description": "A swipeable row of images — product photos, promo banners — with dot indicators showing position.", "keywords": [ "image carousel", "component", "media" ], "title_zh": "图片轮播", "summary_zh": "一排图左右滑着看：商品图、活动 banner 都住这里，下面一排小圆点报位置。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "media", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/image-carousel.md" }, { "name": "list-item", "type": "registry:component", "title": "List Item", "description": "The universal content row: avatar or icon left, title and subtitle in the middle, chevron or value right.", "keywords": [ "list item", "component", "content" ], "title_zh": "基础列表行", "summary_zh": "最万能的内容行：左边头像或图标，中间标题与副文案，右边箭头或数值。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "content", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/list-item.md" }, { "name": "login-form", "type": "registry:component", "title": "Login Form", "description": "The form that gets users in: account + password or code, clear errors, optional social sign-in.", "keywords": [ "login form", "component", "account" ], "title_zh": "登录表单", "summary_zh": "输账号密码（或验证码）进门的那张表单：字段少、报错清、还能第三方一键登录。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "account", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/login-form.md" }, { "name": "masonry-grid", "type": "registry:component", "title": "Masonry Grid", "description": "Two staggered columns of images at natural heights — the Pinterest-style browsing layout.", "keywords": [ "masonry grid", "component", "content" ], "title_zh": "瀑布流", "summary_zh": "两列错落排图：高的高矮的矮，像小红书和 Pinterest 那样越逛越上头。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "content", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/masonry-grid.md" }, { "name": "mobile-tab-bar", "type": "registry:component", "title": "Bottom Tab Bar (Mobile)", "description": "The primary navigation bar fixed at the bottom of a mobile app: 3–5 destinations, icon over label, thumb-first.", "keywords": [ "bottom tab bar mobile", "component", "navigation" ], "title_zh": "底部标签栏（移动端）", "summary_zh": "App 底部那排一级入口：图标在上、文字在下，3–5 个，拇指最容易够到。", "kind": "entry", "entry_type": "component", "platforms": [ "ios", "android", "harmonyos", "web-mobile" ], "function": "navigation", "placements": [ "bottom-tab" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/mobile-tab-bar.md" }, { "name": "modal-dialog", "type": "registry:component", "title": "Modal Dialog", "description": "A box that appears center-screen over a dimmed backdrop: confirm a deletion, fill a small form, decide now.", "keywords": [ "modal dialog", "component", "overlay" ], "title_zh": "对话框（弹窗）", "summary_zh": "屏幕中间弹出的那个框：背景变暗，只能先处理它——确认删除、填写小表单都靠它。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "overlay", "placements": [ "overlay" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/modal-dialog.md" }, { "name": "notification-list", "type": "registry:component", "title": "Notification List", "description": "The message center list: who sent what and when, red dots for unread, mark-all-read at hand.", "keywords": [ "notification list", "component", "personal" ], "title_zh": "通知列表", "summary_zh": "消息中心的那一列：谁在什么时候发了什么，未读的有红点，看完能一键全标已读。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "personal", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/notification-list.md" }, { "name": "onboarding-carousel", "type": "registry:component", "title": "Onboarding Carousel", "description": "The first-run screens of an app: big illustration, one benefit per screen, dot indicator, ending in a Get Started button.", "keywords": [ "onboarding carousel", "component", "onboarding" ], "title_zh": "新手引导轮播", "summary_zh": "第一次打开 App 时的那几屏：大图、一个卖点、一排圆点，最后落到「开始使用」。", "kind": "entry", "entry_type": "component", "platforms": [ "ios", "android", "harmonyos", "web-mobile" ], "function": "onboarding", "placements": [ "full-screen" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/onboarding-carousel.md" }, { "name": "picker-select", "type": "registry:component", "title": "Picker / Select", "description": "Tap to open a list of options — city, date, category: choose from what exists instead of typing.", "keywords": [ "picker select", "component", "form" ], "title_zh": "选择器", "summary_zh": "点一下弹出一列选项让你挑：城市、日期、分类——不用打字，从现成的里选。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "form", "placements": [ "bottom-sheet", "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/picker-select.md" }, { "name": "pricing-table", "type": "registry:component", "title": "Pricing Table", "description": "Three plans side by side — Free, Pro, Enterprise — with the middle one enlarged and badged Most Popular.", "keywords": [ "pricing table", "component", "marketing" ], "title_zh": "定价表", "summary_zh": "三列套餐并排比：免费、专业、企业，中间那列放大加框写着「最受欢迎」。", "kind": "entry", "entry_type": "component", "platforms": [ "web" ], "function": "marketing", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/pricing-table.md" }, { "name": "product-card", "type": "registry:component", "title": "Product Card", "description": "The selling card: product image, name, price, and sales or rating — tap through to the detail page.", "keywords": [ "product card", "component", "commerce" ], "title_zh": "商品卡", "summary_zh": "卖货的卡：商品图、名字、价格、销量或评价，点进去就是详情。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "commerce", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/product-card.md" }, { "name": "profile-header", "type": "registry:component", "title": "Profile Header", "description": "The top block of a Me page: avatar, nickname, a row of stats, and an edit button.", "keywords": [ "profile header", "component", "personal" ], "title_zh": "个人中心头部", "summary_zh": "「我的」页面最上面那块：头像、昵称、一行数据（关注/粉丝/积分）和编辑按钮。", "kind": "entry", "entry_type": "component", "platforms": [ "ios", "android", "harmonyos", "web" ], "function": "personal", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/profile-header.md" }, { "name": "search-bar", "type": "registry:component", "title": "Search Bar", "description": "The search input: magnifier icon, pill shape, light background, placeholder hinting what to search.", "keywords": [ "search bar", "component", "search" ], "title_zh": "搜索框", "summary_zh": "带放大镜的那个输入框：圆角胶囊、浅灰底，里面写着「搜你想要的」。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "search", "placements": [ "top-nav", "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/search-bar.md" }, { "name": "search-results", "type": "registry:component", "title": "Search Results", "description": "The page after searching: the query stays on top, results below, with filters, sorting, and a no-results fallback.", "keywords": [ "search results", "component", "search" ], "title_zh": "搜索结果页", "summary_zh": "搜完看到的那一页：顶部留着搜索词，下面结果列表，带筛选、排序和「没找到」的兜底。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "search", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/search-results.md" }, { "name": "segmented-control", "type": "registry:component", "title": "Segmented Control & Tabs", "description": "A compact control for switching content groups in place: pill-shaped segmented control, or tabs with an underline.", "keywords": [ "segmented control tabs", "component", "navigation" ], "title_zh": "分段控制 / 标签页", "summary_zh": "同屏切换内容分组的小控件：像药丸的是分段控制，带下划线的是标签页。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "navigation", "placements": [ "content-area", "top-nav" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/segmented-control.md" }, { "name": "settings-list", "type": "registry:component", "title": "Settings List", "description": "A grouped list of options: each row has a name on the left and a switch, chevron, or current value on the right.", "keywords": [ "settings list", "component", "personal" ], "title_zh": "设置列表", "summary_zh": "一屏开关和选项的集合：分组排列，每行左边是名字、右边是开关、箭头或当前值。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "personal", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/settings-list.md" }, { "name": "skeleton-screen", "type": "registry:component", "title": "Skeleton Screen", "description": "Gray placeholder shapes shown while data loads: bars for text, blocks for images, a sheen sweeping across.", "keywords": [ "skeleton screen", "component", "feedback" ], "title_zh": "骨架屏", "summary_zh": "数据来之前先摆出的灰色轮廓：标题是灰条、图是灰块，一道微光扫过表示在加载。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "feedback", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/skeleton-screen.md" }, { "name": "switch-row", "type": "registry:component", "title": "Switch Row", "description": "A settings row with text on the left and a switch on the right — changes apply instantly, no save button.", "keywords": [ "switch row", "component", "form" ], "title_zh": "开关行", "summary_zh": "左边一行字、右边一个开关的设置行：点一下立刻生效，不需要保存按钮。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "form", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/switch-row.md" }, { "name": "text-field", "type": "registry:component", "title": "Text Field", "description": "The text input: a label above, the field below, hints and errors — the atom of every form.", "keywords": [ "text field", "component", "form" ], "title_zh": "文本输入框", "summary_zh": "填字的框：上面是标签，下面是输入区，有提示、有报错，是表单的最小单位。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "form", "placements": [ "content-area" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/text-field.md" }, { "name": "toast", "type": "registry:component", "title": "Toast", "description": "A small bar that floats in and fades out — 'Saved', 'Copied' — without interrupting the task.", "keywords": [ "toast", "component", "feedback" ], "title_zh": "轻提示 Toast", "summary_zh": "屏幕边上飘一下就消失的小条：「已保存」「复制成功」——不打断你手上的事。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "feedback", "placements": [ "floating", "overlay" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/toast.md" }, { "name": "top-app-bar", "type": "registry:component", "title": "Top App Bar", "description": "The bar at the very top of a page: back button, title, and the page's key actions.", "keywords": [ "top app bar", "component", "navigation" ], "title_zh": "顶部应用栏", "summary_zh": "页面最上面那条：返回、标题、常用操作，一眼看清「我在哪、能干嘛」。", "kind": "entry", "entry_type": "component", "platforms": [ "all" ], "function": "navigation", "placements": [ "top-nav" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/top-app-bar.md" }, { "name": "web-header", "type": "registry:component", "title": "Website Header", "description": "The header of a website: logo left, nav in the middle, sign-in / sign-up actions right — often sticky.", "keywords": [ "website header", "component", "navigation" ], "title_zh": "网站页眉导航", "summary_zh": "网站最上面那条横栏：Logo 在左，导航在中，登录/注册按钮在右，滚动时常吸顶。", "kind": "entry", "entry_type": "component", "platforms": [ "web" ], "function": "navigation", "placements": [ "top-nav" ], "granularity": "component", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/entries/web-header.md" }, { "name": "auth", "type": "registry:file", "title": "Auth / Login & Sign Up", "description": "The full account entry set: sign in, sign up, verification codes, social login, password reset, and terms consent.", "keywords": [ "auth login sign up", "pattern", "account" ], "title_zh": "登录与注册", "summary_zh": "账号入口这一整套：登录、注册、验证码、第三方登录、忘记密码、协议确认。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "account", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/auth.md" }, { "name": "blog-content", "type": "registry:file", "title": "Blog & Content", "description": "How article content is organized: post lists, article pages, tags, authors, subscribe entries.", "keywords": [ "blog content", "pattern", "marketing" ], "title_zh": "博客与内容", "summary_zh": "文章型内容的组织：文章列表、文章页、标签、作者、订阅入口。", "kind": "pattern", "entry_type": "guide", "platforms": [ "web" ], "function": "marketing", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/blog-content.md" }, { "name": "bottom-tab-bar", "type": "registry:file", "title": "Bottom Tab Bar", "description": "A fixed bar at the bottom of an app with 3–5 top-level destinations, reachable by thumb — the most common primary navigation on mobile.", "keywords": [ "bottom tab bar", "pattern", "navigation" ], "title_zh": "底部标签栏", "summary_zh": "App 底部固定的一排图标+文字，3–5 个一级入口，拇指一伸就够得到，是移动 App 最常用的主导航。", "kind": "pattern", "entry_type": "guide", "platforms": [ "ios", "android", "harmonyos", "web-mobile" ], "function": "navigation", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/bottom-tab-bar.md" }, { "name": "breadcrumb", "type": "registry:file", "title": "Breadcrumb", "description": "A trail like Home / Category / Current page that shows where you are in the site hierarchy and lets you jump back up.", "keywords": [ "breadcrumb", "pattern", "navigation" ], "title_zh": "面包屑", "summary_zh": "一行「首页 / 分类 / 当前页」的小字，告诉用户自己在网站层级里的哪一层，并能一键跳回上层。", "kind": "pattern", "entry_type": "guide", "platforms": [ "web", "desktop" ], "function": "navigation", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/breadcrumb.md" }, { "name": "card", "type": "registry:file", "title": "Card", "description": "One chunk of content per card — image, title, summary, actions in one container; the default vessel for products, articles, and people.", "keywords": [ "card", "pattern", "content" ], "title_zh": "卡片", "summary_zh": "一块内容一个卡：图、标题、摘要、操作圈在一张「卡片」里，是商品、文章、用户信息最常用的容器。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "content", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/card.md" }, { "name": "checkout", "type": "registry:file", "title": "Checkout & Payment", "description": "The path from cart to paid: item review, address, discounts, payment method, and the order result.", "keywords": [ "checkout payment", "pattern", "commerce" ], "title_zh": "支付与结算", "summary_zh": "从购物车到付款成功的一段路：清单确认、地址、优惠、支付方式、订单结果。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "commerce", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/checkout.md" }, { "name": "dashboard", "type": "registry:file", "title": "Dashboard", "description": "The home of data work: key metric cards first, charts and tables after — the state of things at a glance.", "keywords": [ "dashboard", "pattern", "data" ], "title_zh": "仪表盘", "summary_zh": "数据工作的首页：关键指标卡片打头，图表和数据表跟上，一眼看清现在怎么样。", "kind": "pattern", "entry_type": "guide", "platforms": [ "web", "desktop" ], "function": "data", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/dashboard.md" }, { "name": "data-display", "type": "registry:file", "title": "Data Display", "description": "The component family for presenting data: tables, statistics, timelines, badges, tags, trees.", "keywords": [ "data display", "pattern", "data" ], "title_zh": "数据展示", "summary_zh": "把数据给人看的组件族：表格、统计数字、时间线、徽章、标签、树形结构。", "kind": "pattern", "entry_type": "guide", "platforms": [ "web", "desktop" ], "function": "data", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/data-display.md" }, { "name": "detail-page", "type": "registry:file", "title": "Detail Page", "description": "The full page for a single object — product, article, profile: hero media and title first, complete information, action buttons at the end.", "keywords": [ "detail page", "pattern", "content" ], "title_zh": "详情页", "summary_zh": "单个对象的完整页面：商品详情、文章详情、个人主页——大图/标题开头，信息全面展开，底部放行动按钮。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "content", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/detail-page.md" }, { "name": "drawer-sidebar", "type": "registry:file", "title": "Drawer / Sidebar", "description": "A navigation panel that slides in from the side: hidden behind a hamburger on mobile, pinned as a sidebar on desktop.", "keywords": [ "drawer sidebar", "pattern", "navigation" ], "title_zh": "侧边抽屉", "summary_zh": "从屏幕侧边滑出的导航面板：移动端藏在汉堡菜单后，桌面端常驻为左侧栏。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "navigation", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/drawer-sidebar.md" }, { "name": "ecommerce", "type": "registry:file", "title": "E-commerce", "description": "The selling set: shop home, product lists, product cards, cart, checkout — tightly bound to the commerce function group.", "keywords": [ "e commerce", "pattern", "commerce" ], "title_zh": "电商", "summary_zh": "卖货的一套组合：店铺首页、商品列表、商品卡、购物车、结算，与「交易」功能组紧密相连。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "commerce", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/ecommerce.md" }, { "name": "effects-backgrounds", "type": "registry:file", "title": "Effects & Backgrounds", "description": "The layer that makes interfaces move and glow: glassmorphism, gradients, particles, transitions — home turf of this site's Effects section.", "keywords": [ "effects backgrounds", "pattern", "motion" ], "title_zh": "动效与背景", "summary_zh": "让界面动起来、衬起来的那一层：玻璃拟态、渐变、粒子、转场——本站「效果」板块的主场。", "kind": "pattern", "entry_type": "guide", "platforms": [ "web", "web-mobile" ], "function": "motion", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/effects-backgrounds.md" }, { "name": "empty-states", "type": "registry:file", "title": "Empty States", "description": "What people see when there's nothing: no data, no network, no results, no permission — each needs an explanation and a next step.", "keywords": [ "empty states", "pattern", "feedback" ], "title_zh": "空状态", "summary_zh": "没有东西时给人看的那一屏：无数据、无网络、无搜索结果、无权限——都要有说法、有下一步。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "feedback", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/empty-states.md" }, { "name": "errors", "type": "registry:file", "title": "Errors", "description": "Pages for when things go wrong: 404, network errors, permission denied, form errors — what happened and what to do.", "keywords": [ "errors", "pattern", "feedback" ], "title_zh": "错误页", "summary_zh": "出错时给人看的页面：404、网络错误、权限不足、表单报错——说清发生了什么和能做什么。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "feedback", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/errors.md" }, { "name": "forms", "type": "registry:file", "title": "Forms", "description": "The full set of input controls: text fields, pickers, switches, radios, checkboxes, sliders, dates, ratings, steppers.", "keywords": [ "forms", "pattern", "form" ], "title_zh": "表单", "summary_zh": "让用户输入和选择的一整套控件：输入框、选择器、开关、单选多选、滑杆、日期、评分、步进器。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "form", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/forms.md" }, { "name": "grid-masonry", "type": "registry:file", "title": "Grid & Masonry", "description": "Multi-column layouts for images or cards: grids align to equal heights, masonry staggers by content height — made for browsing and discovery.", "keywords": [ "grid masonry", "pattern", "content" ], "title_zh": "宫格与瀑布流", "summary_zh": "多列排布图片或卡片：宫格等高对齐，瀑布流按内容高度错落，适合逛和发现。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "content", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/grid-masonry.md" }, { "name": "icons", "type": "registry:file", "title": "Icons", "description": "The small but crucial graphic language: system icons, brand icons, status icons — one set, one consistent style.", "keywords": [ "icons", "pattern", "assets" ], "title_zh": "图标", "summary_zh": "小而关键的图形语言：系统图标、品牌图标、状态图标，一套图标必须风格统一。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/icons.md" }, { "name": "illustrations", "type": "registry:file", "title": "Illustrations", "description": "Scene illustrations, characters, placeholders: the human touch for empty states, onboarding, and marketing pages.", "keywords": [ "illustrations", "pattern", "assets" ], "title_zh": "插画", "summary_zh": "场景插画、人物、占位图：给空状态、引导页、营销页补上人味和画面感。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/illustrations.md" }, { "name": "list", "type": "registry:file", "title": "List", "description": "The most basic way to organize content: one row per item — single or multi-line, grouped, with swipe actions and accessories.", "keywords": [ "list", "pattern", "content" ], "title_zh": "列表", "summary_zh": "内容最基础的组织方式：一行一条，可单行可多行，可分组，可带左滑操作和右侧配件。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "content", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/list.md" }, { "name": "loading-feedback", "type": "registry:file", "title": "Loading & Feedback", "description": "The messengers of system state: loaders, skeletons, progress bars, toasts, success/failure notices, badges.", "keywords": [ "loading feedback", "pattern", "feedback" ], "title_zh": "加载与反馈", "summary_zh": "系统状态的传话筒：加载动画、骨架屏、进度条、Toast、成功/失败提示、徽章。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "feedback", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/loading-feedback.md" }, { "name": "marketing-landing", "type": "registry:file", "title": "Marketing / Landing", "description": "A page that persuades visitors to act: a hero that states the value, then features, social proof, pricing, FAQ — all leading to the CTA.", "keywords": [ "marketing landing", "pattern", "marketing" ], "title_zh": "营销页", "summary_zh": "说服访客行动的单页：Hero 讲清价值，特性、社会证明、定价、FAQ 层层推进，最后落到 CTA。", "kind": "pattern", "entry_type": "guide", "platforms": [ "web" ], "function": "marketing", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/marketing-landing.md" }, { "name": "media", "type": "registry:file", "title": "Media", "description": "How images and audio/video are presented: carousels, galleries, video players, audio bars, cover art.", "keywords": [ "media", "pattern", "media" ], "title_zh": "媒体", "summary_zh": "图片与音视频的呈现：轮播、画廊、视频播放器、音频条、封面图。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "media", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/media.md" }, { "name": "messages", "type": "registry:file", "title": "Messages & Notifications", "description": "Where chats and system messages live: conversation lists, notification lists, message centers, with unread badges and read states.", "keywords": [ "messages notifications", "pattern", "personal" ], "title_zh": "消息与通知", "summary_zh": "聊天与系统消息的归宿：会话列表、通知列表、消息中心，带未读角标和已读状态。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "personal", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/messages.md" }, { "name": "modals-overlays", "type": "registry:file", "title": "Modals & Overlays", "description": "Layers that float above the page: dialogs, bottom sheets, drawers, popover menus — interrupting or supplementing the current task.", "keywords": [ "modals overlays", "pattern", "overlay" ], "title_zh": "弹窗与浮层", "summary_zh": "浮在当前页面之上的层：对话框、底部弹层、抽屉、气泡菜单——打断或补充当前任务。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "overlay", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/modals-overlays.md" }, { "name": "onboarding", "type": "registry:file", "title": "Onboarding / Walkthrough", "description": "The first-run screens or step-by-step setup a new user sees: explain the value, collect what's needed, and get them to the first aha moment.", "keywords": [ "onboarding walkthrough", "pattern", "onboarding" ], "title_zh": "新手引导", "summary_zh": "新用户第一次打开时看到的几屏介绍或分步设置：讲清价值、拿到必要信息、送用户到第一个「啊哈」时刻。", "kind": "pattern", "entry_type": "guide", "platforms": [ "ios", "android", "harmonyos", "web-mobile" ], "function": "onboarding", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/onboarding.md" }, { "name": "profile", "type": "registry:file", "title": "Profile", "description": "The 'Me' page: avatar and profile up top, then the user's own entries — orders, favorites, achievements.", "keywords": [ "profile", "pattern", "personal" ], "title_zh": "个人中心", "summary_zh": "「我的」页面：头像与资料打头，下面是订单、收藏、成就等属于用户自己的入口集合。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "personal", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/profile.md" }, { "name": "search", "type": "registry:file", "title": "Search", "description": "The set that lets users actively find things: search box, suggestions, history, results page, filters, and sorting.", "keywords": [ "search", "pattern", "search" ], "title_zh": "搜索", "summary_zh": "让用户主动找东西的一套：搜索框、联想词、历史记录、结果页、筛选与排序。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "search", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/search.md" }, { "name": "settings", "type": "registry:file", "title": "Settings", "description": "The home for infrequent but essential options: account, notifications, privacy, appearance, about.", "keywords": [ "settings", "pattern", "personal" ], "title_zh": "设置", "summary_zh": "账号、通知、隐私、外观、关于——所有「不常用但必须有」的开关和选项的归宿。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "personal", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/settings.md" }, { "name": "tabs-segmented", "type": "registry:file", "title": "Tabs / Segmented Control", "description": "Controls that switch content groups within one screen: tabs swap content sets, segmented controls swap views — pill-shaped or underlined.", "keywords": [ "tabs segmented control", "pattern", "navigation" ], "title_zh": "标签页与分段控制", "summary_zh": "同一屏里切换内容分组的控件：标签页偏「换一组内容」，分段控制偏「换一种视图」，外形像药丸或下划线。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "navigation", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/tabs-segmented.md" }, { "name": "theme-tokens", "type": "registry:file", "title": "Theme & Tokens", "description": "The source of a site's whole look: colors, type scale, spacing, radii, dark mode — converged into reusable tokens.", "keywords": [ "theme tokens", "pattern", "theming" ], "title_zh": "主题与令牌", "summary_zh": "全站长相的源头：颜色、字阶、间距、圆角、深色模式——都收敛成一组可复用的令牌。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/theme-tokens.md" }, { "name": "top-navigation", "type": "registry:file", "title": "Top Navigation / App Bar", "description": "The bar at the top of a page: back or menu on the left, title in the middle, the page's most common actions on the right.", "keywords": [ "top navigation app bar", "pattern", "navigation" ], "title_zh": "顶部导航", "summary_zh": "页面顶部的一条横栏：左边返回或菜单，中间标题，右边放当前页最常用的操作。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "navigation", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/top-navigation.md" }, { "name": "typography", "type": "registry:file", "title": "Typography", "description": "The order of text: heading levels, body size and line height, numbers, quotes, code — readability lives here.", "keywords": [ "typography", "pattern", "theming" ], "title_zh": "排版", "summary_zh": "文字的秩序：标题层级、正文字号行高、数字、引用、代码——读得舒服全靠它。", "kind": "pattern", "entry_type": "guide", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/patterns/typography.md" }, { "name": "bottom-sheet-prompt", "type": "registry:file", "title": "Bottom Sheet Prompt", "description": "Fill-in prompt that generates a Bottom Sheet component", "keywords": [ "prompt", "component", "bottom-sheet" ], "title_zh": "底部弹层 · 提示词", "summary_zh": "生成「底部弹层」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "ios", "android", "harmonyos", "web-mobile" ], "function": "overlay", "placements": [ "bottom-sheet" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/bottom-sheet-prompt.md" }, { "name": "breadcrumb-nav-prompt", "type": "registry:file", "title": "Breadcrumb Prompt", "description": "Fill-in prompt that generates a Breadcrumb component", "keywords": [ "prompt", "component", "breadcrumb-nav" ], "title_zh": "面包屑 · 提示词", "summary_zh": "生成「面包屑」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "web", "desktop" ], "function": "navigation", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/breadcrumb-nav-prompt.md" }, { "name": "card-basic-prompt", "type": "registry:file", "title": "Basic Card Prompt", "description": "Fill-in prompt that generates a Basic Card component", "keywords": [ "prompt", "component", "card-basic" ], "title_zh": "基础卡片 · 提示词", "summary_zh": "生成「基础卡片」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "content", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/card-basic-prompt.md" }, { "name": "cart-item-prompt", "type": "registry:file", "title": "Cart Item Prompt", "description": "Fill-in prompt that generates a Cart Item component", "keywords": [ "prompt", "component", "cart-item" ], "title_zh": "购物车条目 · 提示词", "summary_zh": "生成「购物车条目」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "commerce", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/cart-item-prompt.md" }, { "name": "checkout-form-prompt", "type": "registry:file", "title": "Checkout Form Prompt", "description": "Fill-in prompt that generates a Checkout Form component", "keywords": [ "prompt", "component", "checkout-form" ], "title_zh": "结算表单 · 提示词", "summary_zh": "生成「结算表单」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "commerce", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/checkout-form-prompt.md" }, { "name": "dashboard-cards-prompt", "type": "registry:file", "title": "Dashboard Stat Cards Prompt", "description": "Fill-in prompt that generates a Dashboard Stat Cards component", "keywords": [ "prompt", "component", "dashboard-cards" ], "title_zh": "仪表盘指标卡组 · 提示词", "summary_zh": "生成「仪表盘指标卡组」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "web", "desktop" ], "function": "data", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/dashboard-cards-prompt.md" }, { "name": "data-table-prompt", "type": "registry:file", "title": "Data Table Prompt", "description": "Fill-in prompt that generates a Data Table component", "keywords": [ "prompt", "component", "data-table" ], "title_zh": "数据表格 · 提示词", "summary_zh": "生成「数据表格」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "web", "desktop" ], "function": "data", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/data-table-prompt.md" }, { "name": "detail-hero-prompt", "type": "registry:file", "title": "Detail Hero Prompt", "description": "Fill-in prompt that generates a Detail Hero component", "keywords": [ "prompt", "component", "detail-hero" ], "title_zh": "详情页头图区 · 提示词", "summary_zh": "生成「详情页头图区」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "content", "placements": [ "content-area", "floating" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/detail-hero-prompt.md" }, { "name": "drawer-nav-prompt", "type": "registry:file", "title": "Drawer / Sidebar Navigation Prompt", "description": "Fill-in prompt that generates a Drawer / Sidebar Navigation component", "keywords": [ "prompt", "component", "drawer-nav" ], "title_zh": "侧边导航（抽屉/侧栏） · 提示词", "summary_zh": "生成「侧边导航（抽屉/侧栏）」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "web", "desktop", "tablet" ], "function": "navigation", "placements": [ "sidebar-left" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/drawer-nav-prompt.md" }, { "name": "empty-state-prompt", "type": "registry:file", "title": "Empty State Prompt", "description": "Fill-in prompt that generates a Empty State component", "keywords": [ "prompt", "component", "empty-state" ], "title_zh": "空状态 · 提示词", "summary_zh": "生成「空状态」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "feedback", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/empty-state-prompt.md" }, { "name": "error-404-prompt", "type": "registry:file", "title": "404 Error Page Prompt", "description": "Fill-in prompt that generates a 404 Error Page component", "keywords": [ "prompt", "component", "error-404" ], "title_zh": "404 错误页 · 提示词", "summary_zh": "生成「404 错误页」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "web" ], "function": "feedback", "placements": [ "full-screen" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/error-404-prompt.md" }, { "name": "fx-accordion", "type": "registry:file", "title": "Accordion Prompt", "description": "Fill-in prompt that generates the Accordion effect", "keywords": [ "prompt", "effect", "accordion" ], "title_zh": "手风琴折叠 · 提示词", "summary_zh": "生成「手风琴折叠」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-accordion.md" }, { "name": "fx-animated-counter", "type": "registry:file", "title": "Animated Counter Prompt", "description": "Fill-in prompt that generates the Animated Counter effect", "keywords": [ "prompt", "effect", "animated-counter" ], "title_zh": "数字滚动计数 · 提示词", "summary_zh": "生成「数字滚动计数」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-animated-counter.md" }, { "name": "fx-avatar-stack", "type": "registry:file", "title": "Avatar Stack Prompt", "description": "Fill-in prompt that generates the Avatar Stack effect", "keywords": [ "prompt", "effect", "avatar-stack" ], "title_zh": "头像堆叠 · 提示词", "summary_zh": "生成「头像堆叠」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-avatar-stack.md" }, { "name": "fx-button-press", "type": "registry:file", "title": "Button Press Feel Prompt", "description": "Fill-in prompt that generates the Button Press Feel effect", "keywords": [ "prompt", "effect", "button-press" ], "title_zh": "按钮按压感 · 提示词", "summary_zh": "生成「按钮按压感」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-button-press.md" }, { "name": "fx-card-lift", "type": "registry:file", "title": "Card Hover Lift Prompt", "description": "Fill-in prompt that generates the Card Hover Lift effect", "keywords": [ "prompt", "effect", "card-lift" ], "title_zh": "卡片悬停上浮 · 提示词", "summary_zh": "生成「卡片悬停上浮」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-card-lift.md" }, { "name": "fx-custom-checkbox", "type": "registry:file", "title": "Custom Checkbox Prompt", "description": "Fill-in prompt that generates the Custom Checkbox effect", "keywords": [ "prompt", "effect", "custom-checkbox" ], "title_zh": "自定义多选框 · 提示词", "summary_zh": "生成「自定义多选框」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-custom-checkbox.md" }, { "name": "fx-custom-range", "type": "registry:file", "title": "Custom Range Slider Prompt", "description": "Fill-in prompt that generates the Custom Range Slider effect", "keywords": [ "prompt", "effect", "custom-range" ], "title_zh": "自定义滑杆 · 提示词", "summary_zh": "生成「自定义滑杆」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-custom-range.md" }, { "name": "fx-custom-toggle", "type": "registry:file", "title": "Custom Toggle Prompt", "description": "Fill-in prompt that generates the Custom Toggle effect", "keywords": [ "prompt", "effect", "custom-toggle" ], "title_zh": "自定义开关 · 提示词", "summary_zh": "生成「自定义开关」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-custom-toggle.md" }, { "name": "fx-dot-grid-bg", "type": "registry:file", "title": "Dot Grid Background Prompt", "description": "Fill-in prompt that generates the Dot Grid Background effect", "keywords": [ "prompt", "effect", "dot-grid-bg" ], "title_zh": "点阵背景 · 提示词", "summary_zh": "生成「点阵背景」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-dot-grid-bg.md" }, { "name": "fx-dropdown-menu", "type": "registry:file", "title": "Dropdown Menu Prompt", "description": "Fill-in prompt that generates the Dropdown Menu effect", "keywords": [ "prompt", "effect", "dropdown-menu" ], "title_zh": "下拉菜单 · 提示词", "summary_zh": "生成「下拉菜单」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-dropdown-menu.md" }, { "name": "fx-entrance-motion", "type": "registry:file", "title": "Entrance Motion Prompt", "description": "Fill-in prompt that generates the Entrance Motion effect", "keywords": [ "prompt", "effect", "entrance-motion" ], "title_zh": "入场动效 · 提示词", "summary_zh": "生成「入场动效」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-entrance-motion.md" }, { "name": "fx-focus-ring", "type": "registry:file", "title": "Focus Ring Prompt", "description": "Fill-in prompt that generates the Focus Ring effect", "keywords": [ "prompt", "effect", "focus-ring" ], "title_zh": "焦点环 · 提示词", "summary_zh": "生成「焦点环」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-focus-ring.md" }, { "name": "fx-glassmorphism", "type": "registry:file", "title": "Glassmorphism Prompt", "description": "Fill-in prompt that generates the Glassmorphism effect", "keywords": [ "prompt", "effect", "glassmorphism" ], "title_zh": "毛玻璃拟态 · 提示词", "summary_zh": "生成「毛玻璃拟态」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-glassmorphism.md" }, { "name": "fx-gradient-border", "type": "registry:file", "title": "Gradient Border Prompt", "description": "Fill-in prompt that generates the Gradient Border effect", "keywords": [ "prompt", "effect", "gradient-border" ], "title_zh": "流光边框 · 提示词", "summary_zh": "生成「流光边框」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-gradient-border.md" }, { "name": "fx-grid-lines-bg", "type": "registry:file", "title": "Grid Lines Background Prompt", "description": "Fill-in prompt that generates the Grid Lines Background effect", "keywords": [ "prompt", "effect", "grid-lines-bg" ], "title_zh": "网格线背景 · 提示词", "summary_zh": "生成「网格线背景」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-grid-lines-bg.md" }, { "name": "fx-image-zoom", "type": "registry:file", "title": "Image Hover Zoom Prompt", "description": "Fill-in prompt that generates the Image Hover Zoom effect", "keywords": [ "prompt", "effect", "image-zoom" ], "title_zh": "图片悬停放大 · 提示词", "summary_zh": "生成「图片悬停放大」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-image-zoom.md" }, { "name": "fx-marquee", "type": "registry:file", "title": "Seamless Marquee Prompt", "description": "Fill-in prompt that generates the Seamless Marquee effect", "keywords": [ "prompt", "effect", "marquee" ], "title_zh": "无缝跑马灯 · 提示词", "summary_zh": "生成「无缝跑马灯」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-marquee.md" }, { "name": "fx-mesh-gradient", "type": "registry:file", "title": "Mesh Gradient Prompt", "description": "Fill-in prompt that generates the Mesh Gradient effect", "keywords": [ "prompt", "effect", "mesh-gradient" ], "title_zh": "网格渐变背景 · 提示词", "summary_zh": "生成「网格渐变背景」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-mesh-gradient.md" }, { "name": "fx-neumorphism", "type": "registry:file", "title": "Neumorphism Prompt", "description": "Fill-in prompt that generates the Neumorphism effect", "keywords": [ "prompt", "effect", "neumorphism" ], "title_zh": "新拟态 · 提示词", "summary_zh": "生成「新拟态」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-neumorphism.md" }, { "name": "fx-noise-texture", "type": "registry:file", "title": "Noise Texture Prompt", "description": "Fill-in prompt that generates the Noise Texture effect", "keywords": [ "prompt", "effect", "noise-texture" ], "title_zh": "噪点质感 · 提示词", "summary_zh": "生成「噪点质感」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-noise-texture.md" }, { "name": "fx-progress-ring", "type": "registry:file", "title": "Progress Ring Prompt", "description": "Fill-in prompt that generates the Progress Ring effect", "keywords": [ "prompt", "effect", "progress-ring" ], "title_zh": "环形进度 · 提示词", "summary_zh": "生成「环形进度」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-progress-ring.md" }, { "name": "fx-pulsing-badge", "type": "registry:file", "title": "Pulsing Badge Prompt", "description": "Fill-in prompt that generates the Pulsing Badge effect", "keywords": [ "prompt", "effect", "pulsing-badge" ], "title_zh": "呼吸徽标 · 提示词", "summary_zh": "生成「呼吸徽标」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-pulsing-badge.md" }, { "name": "fx-shimmer-skeleton", "type": "registry:file", "title": "Shimmer Skeleton Prompt", "description": "Fill-in prompt that generates the Shimmer Skeleton effect", "keywords": [ "prompt", "effect", "shimmer-skeleton" ], "title_zh": "骨架屏微光 · 提示词", "summary_zh": "生成「骨架屏微光」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-shimmer-skeleton.md" }, { "name": "fx-sliding-tabs", "type": "registry:file", "title": "Sliding Tabs Prompt", "description": "Fill-in prompt that generates the Sliding Tabs effect", "keywords": [ "prompt", "effect", "sliding-tabs" ], "title_zh": "滑动标签页 · 提示词", "summary_zh": "生成「滑动标签页」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-sliding-tabs.md" }, { "name": "fx-spotlight-card", "type": "registry:file", "title": "Spotlight Card Prompt", "description": "Fill-in prompt that generates the Spotlight Card effect", "keywords": [ "prompt", "effect", "spotlight-card" ], "title_zh": "聚光灯卡片 · 提示词", "summary_zh": "生成「聚光灯卡片」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-spotlight-card.md" }, { "name": "fx-steps-indicator", "type": "registry:file", "title": "Steps Indicator Prompt", "description": "Fill-in prompt that generates the Steps Indicator effect", "keywords": [ "prompt", "effect", "steps-indicator" ], "title_zh": "步骤指示器 · 提示词", "summary_zh": "生成「步骤指示器」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-steps-indicator.md" }, { "name": "fx-striped-progress", "type": "registry:file", "title": "Striped Progress Prompt", "description": "Fill-in prompt that generates the Striped Progress effect", "keywords": [ "prompt", "effect", "striped-progress" ], "title_zh": "条纹进度条 · 提示词", "summary_zh": "生成「条纹进度条」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-striped-progress.md" }, { "name": "fx-text-shimmer", "type": "registry:file", "title": "Text Shimmer Prompt", "description": "Fill-in prompt that generates the Text Shimmer effect", "keywords": [ "prompt", "effect", "text-shimmer" ], "title_zh": "文字微光 · 提示词", "summary_zh": "生成「文字微光」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-text-shimmer.md" }, { "name": "fx-tilt-card", "type": "registry:file", "title": "3D Tilt Card Prompt", "description": "Fill-in prompt that generates the 3D Tilt Card effect", "keywords": [ "prompt", "effect", "tilt-card" ], "title_zh": "3D 倾斜卡片 · 提示词", "summary_zh": "生成「3D 倾斜卡片」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-tilt-card.md" }, { "name": "fx-tooltip", "type": "registry:file", "title": "Tooltip Prompt", "description": "Fill-in prompt that generates the Tooltip effect", "keywords": [ "prompt", "effect", "tooltip" ], "title_zh": "气泡提示 · 提示词", "summary_zh": "生成「气泡提示」效果的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "motion", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/fx-tooltip.md" }, { "name": "grouped-list-prompt", "type": "registry:file", "title": "Grouped List Prompt", "description": "Fill-in prompt that generates a Grouped List component", "keywords": [ "prompt", "component", "grouped-list" ], "title_zh": "分组列表 · 提示词", "summary_zh": "生成「分组列表」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "content", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/grouped-list-prompt.md" }, { "name": "harmonyos-list-prompt", "type": "registry:file", "title": "HarmonyOS List (Schematic) Prompt", "description": "Fill-in prompt that generates a HarmonyOS List (Schematic) component", "keywords": [ "prompt", "component", "harmonyos-list" ], "title_zh": "鸿蒙分组列表（自绘示意） · 提示词", "summary_zh": "生成「鸿蒙分组列表（自绘示意）」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "harmonyos" ], "function": "content", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/harmonyos-list-prompt.md" }, { "name": "harmonyos-tabs-prompt", "type": "registry:file", "title": "HarmonyOS Bottom Tabs (Schematic) Prompt", "description": "Fill-in prompt that generates a HarmonyOS Bottom Tabs (Schematic) component", "keywords": [ "prompt", "component", "harmonyos-tabs" ], "title_zh": "鸿蒙底部标签栏（自绘示意） · 提示词", "summary_zh": "生成「鸿蒙底部标签栏（自绘示意）」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "harmonyos" ], "function": "navigation", "placements": [ "bottom-tab" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/harmonyos-tabs-prompt.md" }, { "name": "hero-section-prompt", "type": "registry:file", "title": "Hero Section Prompt", "description": "Fill-in prompt that generates a Hero Section component", "keywords": [ "prompt", "component", "hero-section" ], "title_zh": "落地页 Hero · 提示词", "summary_zh": "生成「落地页 Hero」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "web" ], "function": "marketing", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/hero-section-prompt.md" }, { "name": "image-carousel-prompt", "type": "registry:file", "title": "Image Carousel Prompt", "description": "Fill-in prompt that generates a Image Carousel component", "keywords": [ "prompt", "component", "image-carousel" ], "title_zh": "图片轮播 · 提示词", "summary_zh": "生成「图片轮播」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "media", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/image-carousel-prompt.md" }, { "name": "list-item-prompt", "type": "registry:file", "title": "List Item Prompt", "description": "Fill-in prompt that generates a List Item component", "keywords": [ "prompt", "component", "list-item" ], "title_zh": "基础列表行 · 提示词", "summary_zh": "生成「基础列表行」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "content", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/list-item-prompt.md" }, { "name": "login-form-prompt", "type": "registry:file", "title": "Login Form Prompt", "description": "Fill-in prompt that generates a Login Form component", "keywords": [ "prompt", "component", "login-form" ], "title_zh": "登录表单 · 提示词", "summary_zh": "生成「登录表单」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "account", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/login-form-prompt.md" }, { "name": "masonry-grid-prompt", "type": "registry:file", "title": "Masonry Grid Prompt", "description": "Fill-in prompt that generates a Masonry Grid component", "keywords": [ "prompt", "component", "masonry-grid" ], "title_zh": "瀑布流 · 提示词", "summary_zh": "生成「瀑布流」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "content", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/masonry-grid-prompt.md" }, { "name": "mobile-tab-bar-prompt", "type": "registry:file", "title": "Bottom Tab Bar (Mobile) Prompt", "description": "Fill-in prompt that generates a Bottom Tab Bar (Mobile) component", "keywords": [ "prompt", "component", "mobile-tab-bar" ], "title_zh": "底部标签栏（移动端） · 提示词", "summary_zh": "生成「底部标签栏（移动端）」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "ios", "android", "harmonyos", "web-mobile" ], "function": "navigation", "placements": [ "bottom-tab" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/mobile-tab-bar-prompt.md" }, { "name": "modal-dialog-prompt", "type": "registry:file", "title": "Modal Dialog Prompt", "description": "Fill-in prompt that generates a Modal Dialog component", "keywords": [ "prompt", "component", "modal-dialog" ], "title_zh": "对话框（弹窗） · 提示词", "summary_zh": "生成「对话框（弹窗）」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "overlay", "placements": [ "overlay" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/modal-dialog-prompt.md" }, { "name": "notification-list-prompt", "type": "registry:file", "title": "Notification List Prompt", "description": "Fill-in prompt that generates a Notification List component", "keywords": [ "prompt", "component", "notification-list" ], "title_zh": "通知列表 · 提示词", "summary_zh": "生成「通知列表」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "personal", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/notification-list-prompt.md" }, { "name": "onboarding-carousel-prompt", "type": "registry:file", "title": "Onboarding Carousel Prompt", "description": "Fill-in prompt that generates a Onboarding Carousel component", "keywords": [ "prompt", "component", "onboarding-carousel" ], "title_zh": "新手引导轮播 · 提示词", "summary_zh": "生成「新手引导轮播」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "ios", "android", "harmonyos", "web-mobile" ], "function": "onboarding", "placements": [ "full-screen" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/onboarding-carousel-prompt.md" }, { "name": "picker-select-prompt", "type": "registry:file", "title": "Picker / Select Prompt", "description": "Fill-in prompt that generates a Picker / Select component", "keywords": [ "prompt", "component", "picker-select" ], "title_zh": "选择器 · 提示词", "summary_zh": "生成「选择器」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "form", "placements": [ "bottom-sheet", "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/picker-select-prompt.md" }, { "name": "pricing-table-prompt", "type": "registry:file", "title": "Pricing Table Prompt", "description": "Fill-in prompt that generates a Pricing Table component", "keywords": [ "prompt", "component", "pricing-table" ], "title_zh": "定价表 · 提示词", "summary_zh": "生成「定价表」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "web" ], "function": "marketing", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/pricing-table-prompt.md" }, { "name": "product-card-prompt", "type": "registry:file", "title": "Product Card Prompt", "description": "Fill-in prompt that generates a Product Card component", "keywords": [ "prompt", "component", "product-card" ], "title_zh": "商品卡 · 提示词", "summary_zh": "生成「商品卡」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "commerce", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/product-card-prompt.md" }, { "name": "profile-header-prompt", "type": "registry:file", "title": "Profile Header Prompt", "description": "Fill-in prompt that generates a Profile Header component", "keywords": [ "prompt", "component", "profile-header" ], "title_zh": "个人中心头部 · 提示词", "summary_zh": "生成「个人中心头部」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "ios", "android", "harmonyos", "web" ], "function": "personal", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/profile-header-prompt.md" }, { "name": "search-bar-prompt", "type": "registry:file", "title": "Search Bar Prompt", "description": "Fill-in prompt that generates a Search Bar component", "keywords": [ "prompt", "component", "search-bar" ], "title_zh": "搜索框 · 提示词", "summary_zh": "生成「搜索框」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "search", "placements": [ "top-nav", "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/search-bar-prompt.md" }, { "name": "search-results-prompt", "type": "registry:file", "title": "Search Results Prompt", "description": "Fill-in prompt that generates a Search Results component", "keywords": [ "prompt", "component", "search-results" ], "title_zh": "搜索结果页 · 提示词", "summary_zh": "生成「搜索结果页」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "search", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/search-results-prompt.md" }, { "name": "segmented-control-prompt", "type": "registry:file", "title": "Segmented Control & Tabs Prompt", "description": "Fill-in prompt that generates a Segmented Control & Tabs component", "keywords": [ "prompt", "component", "segmented-control" ], "title_zh": "分段控制 / 标签页 · 提示词", "summary_zh": "生成「分段控制 / 标签页」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "navigation", "placements": [ "content-area", "top-nav" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/segmented-control-prompt.md" }, { "name": "settings-list-prompt", "type": "registry:file", "title": "Settings List Prompt", "description": "Fill-in prompt that generates a Settings List component", "keywords": [ "prompt", "component", "settings-list" ], "title_zh": "设置列表 · 提示词", "summary_zh": "生成「设置列表」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "personal", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/settings-list-prompt.md" }, { "name": "skeleton-screen-prompt", "type": "registry:file", "title": "Skeleton Screen Prompt", "description": "Fill-in prompt that generates a Skeleton Screen component", "keywords": [ "prompt", "component", "skeleton-screen" ], "title_zh": "骨架屏 · 提示词", "summary_zh": "生成「骨架屏」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "feedback", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/skeleton-screen-prompt.md" }, { "name": "switch-row-prompt", "type": "registry:file", "title": "Switch Row Prompt", "description": "Fill-in prompt that generates a Switch Row component", "keywords": [ "prompt", "component", "switch-row" ], "title_zh": "开关行 · 提示词", "summary_zh": "生成「开关行」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "form", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/switch-row-prompt.md" }, { "name": "text-field-prompt", "type": "registry:file", "title": "Text Field Prompt", "description": "Fill-in prompt that generates a Text Field component", "keywords": [ "prompt", "component", "text-field" ], "title_zh": "文本输入框 · 提示词", "summary_zh": "生成「文本输入框」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "form", "placements": [ "content-area" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/text-field-prompt.md" }, { "name": "toast-prompt", "type": "registry:file", "title": "Toast Prompt", "description": "Fill-in prompt that generates a Toast component", "keywords": [ "prompt", "component", "toast" ], "title_zh": "轻提示 Toast · 提示词", "summary_zh": "生成「轻提示 Toast」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "feedback", "placements": [ "floating", "overlay" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/toast-prompt.md" }, { "name": "top-app-bar-prompt", "type": "registry:file", "title": "Top App Bar Prompt", "description": "Fill-in prompt that generates a Top App Bar component", "keywords": [ "prompt", "component", "top-app-bar" ], "title_zh": "顶部应用栏 · 提示词", "summary_zh": "生成「顶部应用栏」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "all" ], "function": "navigation", "placements": [ "top-nav" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/top-app-bar-prompt.md" }, { "name": "web-header-prompt", "type": "registry:file", "title": "Website Header Prompt", "description": "Fill-in prompt that generates a Website Header component", "keywords": [ "prompt", "component", "web-header" ], "title_zh": "网站页眉导航 · 提示词", "summary_zh": "生成「网站页眉导航」的填空式提示词", "kind": "prompt", "entry_type": "prompt", "platforms": [ "web" ], "function": "navigation", "placements": [ "top-nav" ], "granularity": "component", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/prompts/web-header-prompt.md" }, { "name": "adminlte", "type": "registry:file", "title": "AdminLTE", "description": "The evergreen Bootstrap admin template — complete and dependable.", "keywords": [ "adminlte", "template", "data" ], "title_zh": "AdminLTE 后台模板", "summary_zh": "Bootstrap 系后台模板的常青树：稳重、齐全，企业内部系统常用。", "kind": "resource", "entry_type": "template", "platforms": [ "all" ], "function": "data", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "AdminLTE", "source_url": "https://adminlte.io", "verified": false }, "file": "content/resources/adminlte.md" }, { "name": "animista", "type": "registry:file", "title": "Animista", "description": "A CSS animation preset playground — pick, tune, copy the code.", "keywords": [ "animista", "tool", "motion" ], "title_zh": "Animista 动画预设", "summary_zh": "CSS 动画预设原型站：点选预设、调参数、复制代码，入场/强调动画的灵感库。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "motion", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "NOASSERTION", "author": "Animista", "source_url": "https://animista.net", "verified": false }, "file": "content/resources/animista.md" }, { "name": "ant-design", "type": "registry:file", "title": "Ant Design", "description": "The de-facto standard for admin interfaces in China — tables, forms, lists.", "keywords": [ "ant design", "library", "assets" ], "title_zh": "Ant Design（蚂蚁）", "summary_zh": "国内中后台的事实标准：表格、表单、列表都是行业参照物。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Ant Group", "source_url": "https://ant.design", "verified": false }, "file": "content/resources/ant-design.md" }, { "name": "apple-hig", "type": "registry:file", "title": "Apple Human Interface Guidelines", "description": "Apple's official iOS design guidelines — read and reference only. This site never bundles Apple kits or SF Pro.", "keywords": [ "apple human interface guidelines", "spec", "theming" ], "title_zh": "Apple 人机界面指南 HIG（仅参考）", "summary_zh": "iOS 设计的官方规范：只读、只参考。本站绝不打包 Apple 官方套件与 SF Pro 字体。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "NOASSERTION", "author": "Apple", "source_url": "https://developer.apple.com/design/human-interface-guidelines", "verified": false }, "file": "content/resources/apple-hig.md" }, { "name": "arkui", "type": "registry:file", "title": "ArkUI", "description": "The open-source UI framework base of HarmonyOS, paired with ArkTS declarative syntax.", "keywords": [ "arkui", "library", "assets" ], "title_zh": "ArkUI（鸿蒙）", "summary_zh": "HarmonyOS 的官方 UI 框架底座（开源部分）：做鸿蒙界面先看它，声明式写法与 ArkTS 配套。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "Apache-2.0", "author": "OpenHarmony", "source_url": "https://github.com/openharmony/arkui_ace_engine", "verified": false }, "file": "content/resources/arkui.md" }, { "name": "astro-paper", "type": "registry:file", "title": "Astro Paper", "description": "A minimal, typography-first blog template with top performance scores.", "keywords": [ "astro paper", "template", "marketing" ], "title_zh": "Astro Paper 博客模板", "summary_zh": "极简博客模板的范本：排版干净、性能满分，写博客直接开用。", "kind": "resource", "entry_type": "template", "platforms": [ "all" ], "function": "marketing", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "satnaing", "source_url": "https://github.com/satnaing/astro-paper", "verified": false }, "file": "content/resources/astro-paper.md" }, { "name": "astrowind", "type": "registry:file", "title": "AstroWind", "description": "An Astro + Tailwind landing page and blog template with all the standard sections.", "keywords": [ "astrowind", "template", "marketing" ], "title_zh": "AstroWind 落地页模板", "summary_zh": "Astro + Tailwind 的落地页与博客范式：Hero、特性、定价、FAQ 一应俱全。", "kind": "resource", "entry_type": "template", "platforms": [ "all" ], "function": "marketing", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "onWidget", "source_url": "https://github.com/onwidget/astrowind", "verified": false }, "file": "content/resources/astrowind.md" }, { "name": "bolt-diy", "type": "registry:file", "title": "bolt.diy", "description": "An open-source AI site builder — its system prompt (prompts.ts) is a masterclass in directing AI to build UIs.", "keywords": [ "bolt diy", "reference", "assets" ], "title_zh": "bolt.diy（开源 AI 建站）", "summary_zh": "开源 AI 建站工具：它的系统提示词（prompts.ts）是学「怎么让 AI 写界面」的最佳范本。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "StackBlitz Labs", "source_url": "https://github.com/stackblitz-labs/bolt.diy", "verified": false }, "file": "content/resources/bolt-diy.md" }, { "name": "carbon", "type": "registry:file", "title": "Carbon Design System", "description": "IBM's design system — a benchmark for token systems and data-dense interfaces.", "keywords": [ "carbon design system", "library", "theming" ], "title_zh": "Carbon（IBM）", "summary_zh": "IBM 的设计系统：Token 体系与数据密集型界面的标杆，后台产品必读参考。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "Apache-2.0", "author": "IBM", "source_url": "https://carbondesignsystem.com", "verified": false }, "file": "content/resources/carbon.md" }, { "name": "chakra-ui", "type": "registry:file", "title": "Chakra UI", "description": "An accessibility-first React component library with prop-based styling.", "keywords": [ "chakra ui", "library", "assets" ], "title_zh": "Chakra UI", "summary_zh": "以可访问性为底线的 React 组件库：样式用 props 写，上手快。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Chakra UI", "source_url": "https://chakra-ui.com", "verified": false }, "file": "content/resources/chakra-ui.md" }, { "name": "coolors", "type": "registry:file", "title": "Coolors 配色生成器", "description": "空格连打生成配色的国民工具：锁定主色再迭代，导出色板给设计与开发共用。", "keywords": [ "visual", "reference", "coolors" ], "title_zh": "Coolors 配色生成器", "summary_zh": "空格连打生成配色的国民工具：锁定主色再迭代，导出色板给设计与开发共用。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "NOASSERTION", "author": "Coolors", "source_url": "https://coolors.co/palette/000814-001d3d-003566-ffc300-ffd60a", "verified": false }, "file": "content/resources/coolors.md" }, { "name": "css-loaders", "type": "registry:file", "title": "CSS Loaders", "description": "600+ pure-CSS loading spinners and loaders — copy one snippet and go.", "keywords": [ "css loaders", "tool", "feedback" ], "title_zh": "CSS Loaders 加载动画集", "summary_zh": "纯 CSS 加载动画合集：600+ 个 spinner 与 loader，复制一段 CSS 就能用。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "feedback", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "CSS Loaders", "source_url": "https://cssloaders.github.io", "verified": false }, "file": "content/resources/css-loaders.md" }, { "name": "dotlottie", "type": "registry:file", "title": "dotLottie", "description": "The modern Lottie runtime — one .lottie file bundles animation and assets for every platform.", "keywords": [ "dotlottie", "library", "motion" ], "title_zh": "dotLottie 运行时", "summary_zh": "Lottie 的现代运行时：一个 .lottie 文件打包动画与资源，各端播放一致。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "motion", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "LottieFiles", "source_url": "https://github.com/LottieFiles/dotlottie-web", "verified": false }, "file": "content/resources/dotlottie.md" }, { "name": "easings-net", "type": "registry:file", "title": "Easings 缓动速查", "description": "30 种缓动函数的可视化对照：点开任意一条看曲线、动画预览与 CSS / 代码实现。", "keywords": [ "motion", "reference", "easings-net" ], "title_zh": "Easings 缓动速查", "summary_zh": "30 种缓动函数的可视化对照：点开任意一条看曲线、动画预览与 CSS / 代码实现。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "motion", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "NOASSERTION", "author": "easings.net", "source_url": "https://easings.net/en?hidden=true", "verified": false }, "file": "content/resources/easings-net.md" }, { "name": "figma-beginner-resources", "type": "registry:file", "title": "Figma 入门学习资源", "description": "从官方 Playground 文件到系统课程的路径整理，按「练什么技能」而不是按热度排。", "keywords": [ "UI/UX", "reference", "figma-beginner-resources" ], "title_zh": "Figma 入门学习资源", "summary_zh": "从官方 Playground 文件到系统课程的路径整理，按「练什么技能」而不是按热度排。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "page", "status": "published", "license": { "spdx": "NOASSERTION", "author": "UI Guides", "source_url": "https://www.uiguides.com/best/figma-resources-for-beginners", "verified": false }, "file": "content/resources/figma-beginner-resources.md" }, { "name": "figma-free-templates", "type": "registry:file", "title": "Figma 免费模板精选", "description": "UI Kit、线框 kit、图标集与设计系统起步文件的精选清单，标注每个文件的确切获取位置。", "keywords": [ "UI/UX", "reference", "figma-free-templates" ], "title_zh": "Figma 免费模板精选", "summary_zh": "UI Kit、线框 kit、图标集与设计系统起步文件的精选清单，标注每个文件的确切获取位置。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "page", "status": "published", "license": { "spdx": "NOASSERTION", "author": "UI Guides", "source_url": "https://www.uiguides.com/best/free-figma-templates", "verified": false }, "file": "content/resources/figma-free-templates.md" }, { "name": "fluent-2", "type": "registry:file", "title": "Fluent 2", "description": "Microsoft's design language — the reference for desktop and productivity scenarios.", "keywords": [ "fluent 2", "spec", "theming" ], "title_zh": "Fluent 2（微软）", "summary_zh": "微软的设计语言：桌面与办公场景的规范参照，Token 与主题做法值得学。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Microsoft", "source_url": "https://fluent2.microsoft.design", "verified": false }, "file": "content/resources/fluent-2.md" }, { "name": "flutter-shadcn-ui", "type": "registry:file", "title": "flutter-shadcn-ui", "description": "shadcn/ui's component language ported to Flutter.", "keywords": [ "flutter shadcn ui", "library", "assets" ], "title_zh": "flutter-shadcn-ui", "summary_zh": "把 shadcn/ui 的组件语言搬进 Flutter：同一套设计，两端落地。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "flutter-shadcn-ui", "source_url": "https://github.com/nank1ro/flutter-shadcn-ui", "verified": false }, "file": "content/resources/flutter-shadcn-ui.md" }, { "name": "forui", "type": "registry:file", "title": "Forui", "description": "Minimalist Flutter components in the spirit of shadcn, for desktop and mobile.", "keywords": [ "forui", "library", "assets" ], "title_zh": "Forui（Flutter）", "summary_zh": "给 Flutter 用的极简风组件库，气质接近 shadcn，桌面与移动通吃。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Forui", "source_url": "https://forui.dev", "verified": false }, "file": "content/resources/forui.md" }, { "name": "gestalt", "type": "registry:file", "title": "Gestalt", "description": "Pinterest's design system — the home of the Masonry layout and image-first patterns.", "keywords": [ "gestalt", "spec", "theming" ], "title_zh": "Gestalt（Pinterest）", "summary_zh": "Pinterest 的设计系统：瀑布流 Masonry 的出处，图片型产品的排布参照。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "Apache-2.0", "author": "Pinterest", "source_url": "https://gestalt.pinterest.com", "verified": false }, "file": "content/resources/gestalt.md" }, { "name": "getwidget", "type": "registry:file", "title": "GetWidget", "description": "A long-running Flutter component library with broad coverage and full docs.", "keywords": [ "getwidget", "library", "assets" ], "title_zh": "GetWidget（Flutter）", "summary_zh": "Flutter 老牌组件库，组件数量多、文档全，列表与卡片是强项。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "GetWidget", "source_url": "https://getwidget.dev", "verified": false }, "file": "content/resources/getwidget.md" }, { "name": "gluestack-ui", "type": "registry:file", "title": "gluestack-ui", "description": "Copy-paste cross-platform components for React Native and web, shadcn-style.", "keywords": [ "gluestack ui", "library", "assets" ], "title_zh": "gluestack-ui", "summary_zh": "可复制源码的跨端组件库（React Native / Web），思路与 shadcn 相近。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "gluestack", "source_url": "https://gluestack.io", "verified": false }, "file": "content/resources/gluestack-ui.md" }, { "name": "google-fonts", "type": "registry:file", "title": "Google Fonts 字体库", "description": "1,900+ 开源字体家族在线试排：按分类、语言与可变字体筛选，中英文字体搭配先来这里试。", "keywords": [ "visual", "reference", "google-fonts" ], "title_zh": "Google Fonts 字体库", "summary_zh": "1,900+ 开源字体家族在线试排：按分类、语言与可变字体筛选，中英文字体搭配先来这里试。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "NOASSERTION", "author": "Google", "source_url": "https://fonts.google.com/?hl=de", "verified": false }, "file": "content/resources/google-fonts.md" }, { "name": "harmonyos-design", "type": "registry:file", "title": "HarmonyOS Design Guidelines", "description": "Huawei's official HarmonyOS design guidelines — reference only. No official assets are bundled without written permission; this site's HarmonyOS entries are self-drawn schematics plus spec notes.", "keywords": [ "harmonyos design guidelines", "spec", "theming" ], "title_zh": "HarmonyOS 设计指南（仅参考）", "summary_zh": "鸿蒙官方设计指南：只读、只参考。官方资源在取得书面许可前不打包，本站鸿蒙条目为自绘示意 + 规范要点。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "NOASSERTION", "author": "Huawei", "source_url": "https://developer.huawei.com/consumer/cn/design/", "verified": false }, "file": "content/resources/harmonyos-design.md" }, { "name": "iconify", "type": "registry:file", "title": "Iconify", "description": "One search and API over 100+ icon sets — the hub for finding icons.", "keywords": [ "iconify", "tool", "assets" ], "title_zh": "Iconify 图标检索底座", "summary_zh": "把上百套图标集统一成一个检索与调用接口：工作台找图标的中枢。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "MIT", "author": "Iconify", "source_url": "https://iconify.design", "verified": false }, "file": "content/resources/iconify.md" }, { "name": "inter-font", "type": "registry:file", "title": "Inter", "description": "A typeface made for screens — the safe default for UI Latin text and numbers.", "keywords": [ "inter", "library", "theming" ], "title_zh": "Inter 字体", "summary_zh": "为屏幕而生的西文字体：界面里的英文和数字用它基本不会错，本站正文字体。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "OFL-1.1", "author": "Rasmus Andersson", "source_url": "https://rsms.me/inter/", "verified": false }, "file": "content/resources/inter-font.md" }, { "name": "jetbrains-mono", "type": "registry:file", "title": "JetBrains Mono", "description": "A monospace font for code and numbers — this site's code font.", "keywords": [ "jetbrains mono", "library", "theming" ], "title_zh": "JetBrains Mono 等宽字体", "summary_zh": "代码与数字的等宽字体：本站代码字体，数字滚动时不跳宽靠它。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "OFL-1.1", "author": "JetBrains", "source_url": "https://www.jetbrains.com/lp/mono/", "verified": false }, "file": "content/resources/jetbrains-mono.md" }, { "name": "langgpt", "type": "registry:file", "title": "LangGPT", "description": "A framework for writing prompts like code — roles, rules, workflows in sections.", "keywords": [ "langgpt", "reference", "assets" ], "title_zh": "LangGPT 提示词结构", "summary_zh": "像写代码一样写提示词的结构框架：角色、规则、工作流分节——本站七段式与它同源同理。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "Apache-2.0", "author": "LangGPT", "source_url": "https://github.com/yzfly/LangGPT", "verified": false }, "file": "content/resources/langgpt.md" }, { "name": "laws-of-ux-index", "type": "registry:file", "title": "Laws of UX 定律索引", "description": "定律官网的全量索引：30 条原则逐条链接到定义、要点与延伸阅读，查一条只要十秒。", "keywords": [ "interaction", "reference", "laws-of-ux-index" ], "title_zh": "Laws of UX 定律索引", "summary_zh": "定律官网的全量索引：30 条原则逐条链接到定义、要点与延伸阅读，查一条只要十秒。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "component", "status": "published", "license": { "spdx": "NOASSERTION", "author": "Jon Yablonski", "source_url": "https://lawsofux.com/llms.txt", "verified": false }, "file": "content/resources/laws-of-ux-index.md" }, { "name": "laws-of-ux-nulab", "type": "registry:file", "title": "Laws of UX 全解", "description": "28 条定律的图文讲解版：每条给定义、来源与网页设计中的实际例子，适合系统补课。", "keywords": [ "interaction", "reference", "laws-of-ux-nulab" ], "title_zh": "Laws of UX 全解", "summary_zh": "28 条定律的图文讲解版：每条给定义、来源与网页设计中的实际例子，适合系统补课。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "component", "status": "published", "license": { "spdx": "NOASSERTION", "author": "Nulab Learn", "source_url": "https://nulab.com/learn/design-and-ux/laws-of-ux/", "verified": false }, "file": "content/resources/laws-of-ux-nulab.md" }, { "name": "lottiefiles", "type": "registry:file", "title": "LottieFiles Free Library", "description": "The largest Lottie animation library; the free tier is usable commercially as JSON animations.", "keywords": [ "lottiefiles free library", "library", "motion" ], "title_zh": "LottieFiles 免费动画库", "summary_zh": "最大的 Lottie 动画集市：免费库可商用，下载 JSON 就能在 App 和网页里播。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "motion", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "NOASSERTION", "author": "LottieFiles", "source_url": "https://lottiefiles.com", "verified": false }, "file": "content/resources/lottiefiles.md" }, { "name": "lucide", "type": "registry:file", "title": "Lucide Icons", "description": "The cleanest line icon set — consistent strokes, restrained style, for web and apps.", "keywords": [ "lucide icons", "library", "assets" ], "title_zh": "Lucide 图标", "summary_zh": "最干净的一套线性图标：线宽统一、风格克制，Web 与 App 都能用，本站图标首选参照。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "ISC", "author": "Lucide", "source_url": "https://lucide.dev", "verified": false }, "file": "content/resources/lucide.md" }, { "name": "magic-ui", "type": "registry:file", "title": "Magic UI", "description": "Animated components for React + Tailwind — marquees, glows, counters; a key reference ecosystem for this site's effects.", "keywords": [ "magic ui", "library", "motion" ], "title_zh": "Magic UI 动效组件", "summary_zh": "React + Tailwind 的动效组件集：跑马灯、光晕、数字滚动都有，本站效果库的重要参考生态。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "motion", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Magic UI", "source_url": "https://magicui.design", "verified": false }, "file": "content/resources/magic-ui.md" }, { "name": "mantine", "type": "registry:file", "title": "Mantine", "description": "A batteries-included React library: 100+ components and hooks, even date pickers.", "keywords": [ "mantine", "library", "assets" ], "title_zh": "Mantine", "summary_zh": "React 组件与 hooks 大礼包：100+ 组件，连日期选择这种难啃的都有。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Mantine", "source_url": "https://mantine.dev", "verified": false }, "file": "content/resources/mantine.md" }, { "name": "material-design-3", "type": "registry:file", "title": "Material Design 3", "description": "Google's design language in full — the spec source for Android and cross-platform work.", "keywords": [ "material design 3", "spec", "theming" ], "title_zh": "Material Design 3 规范", "summary_zh": "Google 的设计语言全文：Android 与跨端项目的规范源头，Token 体系的参照系。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "Apache-2.0", "author": "Google", "source_url": "https://m3.material.io", "verified": false }, "file": "content/resources/material-design-3.md" }, { "name": "material-design-primer", "type": "registry:file", "title": "Material Design 入门导览", "description": "Google Material 体系的导读：主题、色彩角色、组件与动效规范，配实现提示，适合快速建立框架。", "keywords": [ "UI/UX", "reference", "material-design-primer" ], "title_zh": "Material Design 入门导览", "summary_zh": "Google Material 体系的导读：主题、色彩角色、组件与动效规范，配实现提示，适合快速建立框架。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "NOASSERTION", "author": "CodePath Guides", "source_url": "https://guides.codepath.org/android/Material-Design-Primer", "verified": false }, "file": "content/resources/material-design-primer.md" }, { "name": "material-symbols", "type": "registry:file", "title": "Material Symbols", "description": "Google's variable icon font — adjustable weight and fill; the default for Material projects.", "keywords": [ "material symbols", "library", "assets" ], "title_zh": "Material Symbols 图标", "summary_zh": "Google 的可变图标字体：粗细、填充可调，Android 与 Material 体系项目的默认图标。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "Apache-2.0", "author": "Google", "source_url": "https://fonts.google.com/icons", "verified": false }, "file": "content/resources/material-symbols.md" }, { "name": "mobbin-guide", "type": "registry:file", "title": "Mobbin 模式库导览", "description": "真实上线产品的界面模式库如何用：按屏、按元素、按流程检索，找参考别再翻截图文件夹。", "keywords": [ "interaction", "reference", "mobbin-guide" ], "title_zh": "Mobbin 模式库导览", "summary_zh": "真实上线产品的界面模式库如何用：按屏、按元素、按流程检索，找参考别再翻截图文件夹。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "page", "status": "published", "license": { "spdx": "NOASSERTION", "author": "Liuhuo Stack", "source_url": "https://stack.liuhuo.org/en/discover/mobbin", "verified": false }, "file": "content/resources/mobbin-guide.md" }, { "name": "motion", "type": "registry:file", "title": "Motion", "description": "The modern web animation engine (successor to Framer Motion). This site uses MIT engines like this — never GSAP.", "keywords": [ "motion", "library", "motion" ], "title_zh": "Motion 动画引擎", "summary_zh": "现代 Web 动画引擎（Framer Motion 的延续）：声明式动画、滚动驱动、手势都拿手。本站动效只用这类 MIT 引擎，不用 GSAP。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "motion", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Motion", "source_url": "https://motion.dev", "verified": false }, "file": "content/resources/motion.md" }, { "name": "mui", "type": "registry:file", "title": "MUI", "description": "The most established Material component library for React.", "keywords": [ "mui", "library", "assets" ], "title_zh": "MUI（Material UI）", "summary_zh": "React 生态最老牌的 Material 组件库：组件全、文档厚、AI 生成命中率最高之一。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "MUI", "source_url": "https://mui.com", "verified": false }, "file": "content/resources/mui.md" }, { "name": "nativewind", "type": "registry:file", "title": "NativeWind", "description": "Tailwind-style utility classes for React Native.", "keywords": [ "nativewind", "library", "theming" ], "title_zh": "NativeWind", "summary_zh": "让 React Native 用上 Tailwind 的写法：类名写样式，原生端终于和 Web 端一个心智。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "NativeWind", "source_url": "https://www.nativewind.dev", "verified": false }, "file": "content/resources/nativewind.md" }, { "name": "nng-articles", "type": "registry:file", "title": "NN/g 文章库", "description": "可用性研究的源头：十大原则、用户研究方法、眼动与表单研究，评审时引依据来这里。", "keywords": [ "UI/UX", "reference", "nng-articles" ], "title_zh": "NN/g 文章库", "summary_zh": "可用性研究的源头：十大原则、用户研究方法、眼动与表单研究，评审时引依据来这里。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "component", "status": "published", "license": { "spdx": "NOASSERTION", "author": "Nielsen Norman Group", "source_url": "https://www.nngroup.com/articles/?asset=articles", "verified": false }, "file": "content/resources/nng-articles.md" }, { "name": "obytes-rn-template", "type": "registry:file", "title": "React Native Template Obytes", "description": "A production-grade Expo starter: navigation, state, forms, and tests preconfigured.", "keywords": [ "react native template obytes", "template", "assets" ], "title_zh": "React Native 模板（Obytes）", "summary_zh": "Expo 移动 App 的生产级脚手架：导航、状态、表单、测试都预置好，移动模板的分层标杆。", "kind": "resource", "entry_type": "template", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Obytes", "source_url": "https://github.com/obytes/react-native-template-obytes", "verified": false }, "file": "content/resources/obytes-rn-template.md" }, { "name": "open-doodles", "type": "registry:file", "title": "Open Doodles", "description": "Hand-drawn free illustrations — doodle people and scenes for empty states and onboarding.", "keywords": [ "open doodles", "library", "assets" ], "title_zh": "Open Doodles 插画", "summary_zh": "手绘风免费插画：涂鸦人物与场景，空状态和引导页的常用粮草。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "CC0-1.0", "author": "Pablo Stanley", "source_url": "https://www.opendoodles.com", "verified": false }, "file": "content/resources/open-doodles.md" }, { "name": "open-lovable", "type": "registry:file", "title": "Open Lovable", "description": "An open-source AI website builder — the full prompt-to-preview pipeline, open to study.", "keywords": [ "open lovable", "reference", "assets" ], "title_zh": "Open Lovable", "summary_zh": "开源版 AI 建站流程：从一句话到可预览网站的全链路，学流程拆解看它。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Firecrawl", "source_url": "https://github.com/firecrawl/open-lovable", "verified": false }, "file": "content/resources/open-lovable.md" }, { "name": "open-peeps", "type": "registry:file", "title": "Open Peeps", "description": "A mix-and-match character illustration system — faces, hair, poses combine freely.", "keywords": [ "open peeps", "library", "assets" ], "title_zh": "Open Peeps 人物插画", "summary_zh": "可拼装的人物插画系统：脸、发型、姿势自由组合，人物一致性难题的现成解。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "CC0-1.0", "author": "Pablo Stanley", "source_url": "https://www.openpeeps.com", "verified": false }, "file": "content/resources/open-peeps.md" }, { "name": "paper-shaders", "type": "registry:file", "title": "Paper Shaders", "description": "Ready-made WebGL shader backgrounds — mesh gradients, waves, glows without writing GLSL.", "keywords": [ "paper shaders", "library", "motion" ], "title_zh": "Paper Shaders 着色器", "summary_zh": "现成的 WebGL 着色器背景：网格渐变、波纹、光晕，不写 GLSL 也能用高级背景。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "motion", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "Apache-2.0", "author": "Paper", "source_url": "https://github.com/paper-design/shaders", "verified": false }, "file": "content/resources/paper-shaders.md" }, { "name": "penpot-files", "type": "registry:file", "title": "Penpot Libraries & Templates", "description": "A rare source of native design files — downloadable .penpot templates to study and reuse.", "keywords": [ "penpot libraries templates", "template", "assets" ], "title_zh": "Penpot 官方模板文件库", "summary_zh": "少有的原生设计文件批量来源：能直接下 .penpot 文件拆解学习，模板入库的种子。", "kind": "resource", "entry_type": "template", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Penpot", "source_url": "https://penpot.app/libraries-templates", "verified": false }, "file": "content/resources/penpot-files.md" }, { "name": "primer", "type": "registry:file", "title": "Primer", "description": "GitHub's own design system — restrained and engineering-minded.", "keywords": [ "primer", "library", "theming" ], "title_zh": "Primer（GitHub）", "summary_zh": "GitHub 自家设计系统：克制、工程化，面包屑与数据展示值得抄作业。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "GitHub", "source_url": "https://primer.style", "verified": false }, "file": "content/resources/primer.md" }, { "name": "radix-ui", "type": "registry:file", "title": "Radix UI", "description": "Unstyled primitives that get behavior right: keyboard, focus, and ARIA for overlays and controls.", "keywords": [ "radix ui", "library", "overlay" ], "title_zh": "Radix UI（无样式原语）", "summary_zh": "只管行为不管长相的组件原语：弹层、菜单、开关的键盘与焦点处理都替你做好了。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "overlay", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "WorkOS", "source_url": "https://www.radix-ui.com", "verified": false }, "file": "content/resources/radix-ui.md" }, { "name": "shadcn-admin", "type": "registry:file", "title": "shadcn-admin", "description": "A complete admin dashboard built with shadcn/ui — dashboard, settings, chat pages included.", "keywords": [ "shadcn admin", "template", "data" ], "title_zh": "shadcn-admin 后台模板", "summary_zh": "shadcn/ui 拼出的完整后台：仪表盘、设置、聊天页都有，拆开就是现成的页面范式。", "kind": "resource", "entry_type": "template", "platforms": [ "all" ], "function": "data", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "satnaing", "source_url": "https://github.com/satnaing/shadcn-admin", "verified": false }, "file": "content/resources/shadcn-admin.md" }, { "name": "shadcn-landing-page", "type": "registry:file", "title": "shadcn Landing Page", "description": "A standard landing page assembled from shadcn/ui, cleanly split into sections.", "keywords": [ "shadcn landing page", "template", "marketing" ], "title_zh": "shadcn 落地页模板", "summary_zh": "shadcn/ui 拼的标准落地页：区块拆分清楚，照着区块清单就能拼自己的营销页。", "kind": "resource", "entry_type": "template", "platforms": [ "all" ], "function": "marketing", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "leoMirandaa", "source_url": "https://github.com/leoMirandaa/shadcn-landing-page", "verified": false }, "file": "content/resources/shadcn-landing-page.md" }, { "name": "shadcn-ui", "type": "registry:file", "title": "shadcn/ui", "description": "Copy-paste component source built on Radix and Tailwind — you own the code, and AI tools know it best.", "keywords": [ "shadcn ui", "library", "assets" ], "title_zh": "shadcn/ui 组件库", "summary_zh": "不是装进项目的库，而是把组件源码复制进你自己的仓库——改起来毫无阻力，AI 也最熟它。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "shadcn", "source_url": "https://ui.shadcn.com", "verified": false }, "file": "content/resources/shadcn-ui.md" }, { "name": "simple-icons", "type": "registry:file", "title": "Simple Icons", "description": "Monochrome SVG brand logos — use these instead of tracing brand marks yourself.", "keywords": [ "simple icons", "library", "assets" ], "title_zh": "Simple Icons 品牌图标", "summary_zh": "各大品牌 logo 的单色 SVG 合集：放「支持的平台/合作方」时用它，别自己描品牌 logo。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "CC0-1.0", "author": "Simple Icons", "source_url": "https://simpleicons.org", "verified": false }, "file": "content/resources/simple-icons.md" }, { "name": "source-han-sans", "type": "registry:file", "title": "Source Han Sans", "description": "The unified CJK sans — the dependable choice for Chinese UI text, full weight range, open license.", "keywords": [ "source han sans", "library", "theming" ], "title_zh": "思源黑体 Source Han Sans", "summary_zh": "中日韩统一黑体：中文界面字体的稳妥选择，字重齐全，开源可商用。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "OFL-1.1", "author": "Adobe & Google", "source_url": "https://github.com/adobe-fonts/source-han-sans", "verified": false }, "file": "content/resources/source-han-sans.md" }, { "name": "swiftuix", "type": "registry:file", "title": "SwiftUIX", "description": "Fills the gaps in SwiftUI with system-level components Apple didn't ship.", "keywords": [ "swiftuix", "library", "assets" ], "title_zh": "SwiftUIX", "summary_zh": "给 SwiftUI 补齐缺失的系统级组件，iOS 原生开发的常用扩展库。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "SwiftUIX", "source_url": "https://github.com/SwiftUIX/SwiftUIX", "verified": false }, "file": "content/resources/swiftuix.md" }, { "name": "tabler-icons", "type": "registry:file", "title": "Tabler Icons", "description": "4,000+ line icons — quantity and quality together.", "keywords": [ "tabler icons", "library", "assets" ], "title_zh": "Tabler Icons 图标", "summary_zh": "4000+ 线性图标，数量与质量兼备，后台产品用它基本不用再找第二套。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "MIT", "author": "Tabler", "source_url": "https://tabler.io/icons", "verified": false }, "file": "content/resources/tabler-icons.md" }, { "name": "tabler", "type": "registry:file", "title": "Tabler", "description": "A long-running free admin template with many polished pages.", "keywords": [ "tabler", "template", "data" ], "title_zh": "Tabler 后台模板", "summary_zh": "老牌免费后台模板：页面量级大、完成度高，后台项目可以直接站在它肩膀上。", "kind": "resource", "entry_type": "template", "platforms": [ "all" ], "function": "data", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Tabler", "source_url": "https://tabler.io", "verified": false }, "file": "content/resources/tabler.md" }, { "name": "tamagui", "type": "registry:file", "title": "Tamagui", "description": "One codebase for web and React Native with compile-time style optimization.", "keywords": [ "tamagui", "library", "assets" ], "title_zh": "Tamagui", "summary_zh": "一套代码同时跑 Web 和 React Native，样式在编译期优化，跨端项目的种子主力。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Tamagui", "source_url": "https://tamagui.dev", "verified": false }, "file": "content/resources/tamagui.md" }, { "name": "tdesign", "type": "registry:file", "title": "TDesign", "description": "Tencent's full-stack design system covering web, mobile, mini-programs, and desktop.", "keywords": [ "tdesign", "library", "assets" ], "title_zh": "TDesign（腾讯）", "summary_zh": "腾讯出品的全栈设计系统：Web、移动、小程序、桌面都有，国内生态最完整的一套。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Tencent", "source_url": "https://tdesign.tencent.com", "verified": false }, "file": "content/resources/tdesign.md" }, { "name": "tsparticles", "type": "registry:file", "title": "tsParticles", "description": "The classic particle background engine — stars, snow, networks, all config-driven.", "keywords": [ "tsparticles", "library", "motion" ], "title_zh": "tsParticles 粒子引擎", "summary_zh": "老牌粒子背景引擎：星空、雪花、连线网络，配置即生成，性能可控。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "motion", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "tsParticles", "source_url": "https://particles.js.org", "verified": false }, "file": "content/resources/tsparticles.md" }, { "name": "uiverse", "type": "registry:file", "title": "Uiverse", "description": "A community marketplace of thousands of CSS effects — buttons, loaders, cards.", "keywords": [ "uiverse", "library", "motion" ], "title_zh": "Uiverse 社区效果库", "summary_zh": "社区共创的 CSS 效果大集市：按钮、加载、卡片效果数千个，找灵感和看实现都方便。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "motion", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "MIT", "author": "Uiverse", "source_url": "https://uiverse.io", "verified": false }, "file": "content/resources/uiverse.md" }, { "name": "undraw", "type": "registry:file", "title": "unDraw", "description": "The best-known open-style illustration site — linked for reference only, never bundled or redistributed here.", "keywords": [ "undraw", "reference", "assets" ], "title_zh": "unDraw 插画（仅外链）", "summary_zh": "最知名的开源风插画站：本站仅外链参考，不打包、不再分发其文件。", "kind": "resource", "entry_type": "asset", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "NOASSERTION", "author": "unDraw", "source_url": "https://undraw.co", "verified": false }, "file": "content/resources/undraw.md" }, { "name": "ux-laws-uxfolio", "type": "registry:file", "title": "UX 定律实例讲义", "description": "10 条核心定律的极简版讲义，每条都落到可执行的检查动作，适合评审前速览。", "keywords": [ "interaction", "reference", "ux-laws-uxfolio" ], "title_zh": "UX 定律实例讲义", "summary_zh": "10 条核心定律的极简版讲义，每条都落到可执行的检查动作，适合评审前速览。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "component", "status": "published", "license": { "spdx": "NOASSERTION", "author": "UXfolio Blog", "source_url": "https://blog.uxfol.io/ux-laws/", "verified": false }, "file": "content/resources/ux-laws-uxfolio.md" }, { "name": "wcag-22", "type": "registry:file", "title": "WCAG 2.2", "description": "The international accessibility standard — the source of contrast, focus, and target-size numbers.", "keywords": [ "wcag 2 2", "spec", "theming" ], "title_zh": "WCAG 2.2 无障碍规范", "summary_zh": "无障碍的国际标准原文：对比度、焦点、目标尺寸的数字都出自这里。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "block", "status": "published", "license": { "spdx": "NOASSERTION", "author": "W3C", "source_url": "https://www.w3.org/TR/WCAG22/", "verified": false }, "file": "content/resources/wcag-22.md" }, { "name": "wcag-wai", "type": "registry:file", "title": "WCAG 无障碍标准", "description": "对比度、焦点、目标尺寸的国际标准入口：做无障碍别靠感觉，条文在这里可查可引。", "keywords": [ "visual", "reference", "wcag-wai" ], "title_zh": "WCAG 无障碍标准", "summary_zh": "对比度、焦点、目标尺寸的国际标准入口：做无障碍别靠感觉，条文在这里可查可引。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "theming", "placements": [ "na" ], "granularity": "token", "status": "published", "license": { "spdx": "NOASSERTION", "author": "W3C WAI", "source_url": "https://www.w3.org/WAI/standards-guidelines/", "verified": false }, "file": "content/resources/wcag-wai.md" }, { "name": "zcool-navigation", "type": "registry:file", "title": "站酷设计导航", "description": "国内设计师的精选导航：作品、课程、赛事与资源入口，找中文语境的灵感与同行作品。", "keywords": [ "visual", "reference", "zcool-navigation" ], "title_zh": "站酷设计导航", "summary_zh": "国内设计师的精选导航：作品、课程、赛事与资源入口，找中文语境的灵感与同行作品。", "kind": "resource", "entry_type": "resource", "platforms": [ "all" ], "function": "assets", "placements": [ "na" ], "granularity": "page", "status": "published", "license": { "spdx": "NOASSERTION", "author": "站酷 ZCOOL", "source_url": "https://www.zcool.com.cn/navigation", "verified": false }, "file": "content/resources/zcool-navigation.md" }, { "name": "scene-admin-dashboard", "type": "registry:file", "title": "Admin Dashboard", "description": "The admin home trio: sidebar navigation, stat cards, and a data table.", "keywords": [ "scene", "prompt", "data" ], "title_zh": "后台仪表盘", "summary_zh": "管理后台首页：侧边导航 + 指标卡组 + 数据表格的经典三件套。", "kind": "scene", "entry_type": "prompt", "platforms": [ "web", "desktop" ], "function": "data", "placements": [ "full-screen" ], "granularity": "flow", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/scenes/scene-admin-dashboard.md" }, { "name": "scene-app-core", "type": "registry:file", "title": "App Three-Screen Skeleton", "description": "The classic three-screen app skeleton: tab bar shell, list home, content detail.", "keywords": [ "scene", "prompt", "content" ], "title_zh": "App 三屏骨架（首页+列表+详情）", "summary_zh": "移动 App 最常见的三屏：底部标签栏框架 + 列表首页 + 内容详情。", "kind": "scene", "entry_type": "prompt", "platforms": [ "ios", "android", "harmonyos" ], "function": "content", "placements": [ "full-screen" ], "granularity": "flow", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/scenes/scene-app-core.md" }, { "name": "scene-auth-flow", "type": "registry:file", "title": "Sign-in / Sign-up Flow", "description": "The full sign-in flow: login form, field rules, and result feedback.", "keywords": [ "scene", "prompt", "account" ], "title_zh": "登录注册流程", "summary_zh": "从打开 App 到登录成功的一整套：登录表单 + 输入规范 + 结果反馈。", "kind": "scene", "entry_type": "prompt", "platforms": [ "ios", "android", "harmonyos", "web" ], "function": "account", "placements": [ "full-screen" ], "granularity": "flow", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/scenes/scene-auth-flow.md" }, { "name": "scene-checkout", "type": "registry:file", "title": "Checkout Flow", "description": "From cart to order placed: cart items, checkout form, step indicator, result feedback.", "keywords": [ "scene", "prompt", "commerce" ], "title_zh": "结算流程", "summary_zh": "从购物车到下单成功：条目确认、结算表单、步骤指示与结果反馈。", "kind": "scene", "entry_type": "prompt", "platforms": [ "all" ], "function": "commerce", "placements": [ "full-screen" ], "granularity": "flow", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/scenes/scene-checkout.md" }, { "name": "scene-content-detail", "type": "registry:file", "title": "Content Detail Page", "description": "A full content detail page: app bar, hero block, body, and a bottom-sheet action menu.", "keywords": [ "scene", "prompt", "content" ], "title_zh": "内容详情页", "summary_zh": "文章/内容详情整页：顶栏、头图区、正文与底部操作弹层。", "kind": "scene", "entry_type": "prompt", "platforms": [ "ios", "android", "harmonyos", "web" ], "function": "content", "placements": [ "full-screen" ], "granularity": "flow", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/scenes/scene-content-detail.md" }, { "name": "scene-landing-page", "type": "registry:file", "title": "Product Landing Page", "description": "A full landing page: header, hero, and pricing — the conversion trio.", "keywords": [ "scene", "prompt", "marketing" ], "title_zh": "产品落地页", "summary_zh": "官网落地页整页：页眉、Hero、定价表的转化三段式。", "kind": "scene", "entry_type": "prompt", "platforms": [ "web" ], "function": "marketing", "placements": [ "full-screen" ], "granularity": "flow", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/scenes/scene-landing-page.md" }, { "name": "scene-onboarding-flow", "type": "registry:file", "title": "Onboarding Flow", "description": "First-run path: three onboarding screens into sign-in — value first, account second.", "keywords": [ "scene", "prompt", "onboarding" ], "title_zh": "新手引导流程", "summary_zh": "首启三屏引导 + 登录的完整首访路径，讲完价值再要账号。", "kind": "scene", "entry_type": "prompt", "platforms": [ "ios", "android", "harmonyos" ], "function": "onboarding", "placements": [ "full-screen" ], "granularity": "flow", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/scenes/scene-onboarding-flow.md" }, { "name": "scene-profile-center", "type": "registry:file", "title": "Profile Center", "description": "The full Me page: profile header, notification entry, and settings list.", "keywords": [ "scene", "prompt", "personal" ], "title_zh": "个人中心", "summary_zh": "「我的」整页：头部资料、通知入口与设置列表的标准组合。", "kind": "scene", "entry_type": "prompt", "platforms": [ "ios", "android", "harmonyos", "web" ], "function": "personal", "placements": [ "full-screen" ], "granularity": "flow", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/scenes/scene-profile-center.md" }, { "name": "scene-settings-page", "type": "registry:file", "title": "Settings Page", "description": "A complete settings page: grouped lists and switch rows, with a danger zone.", "keywords": [ "scene", "prompt", "personal" ], "title_zh": "设置页", "summary_zh": "完整设置页：分组列表与开关行的组合，含危险区。", "kind": "scene", "entry_type": "prompt", "platforms": [ "all" ], "function": "personal", "placements": [ "full-screen" ], "granularity": "flow", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/scenes/scene-settings-page.md" }, { "name": "scene-shop-home", "type": "registry:file", "title": "Shop Home", "description": "An e-commerce home: search bar, carousel, product masonry, and bottom tabs.", "keywords": [ "scene", "prompt", "commerce" ], "title_zh": "商城首页", "summary_zh": "电商 App 首页：搜索、轮播、商品瀑布与底部导航的完整组合。", "kind": "scene", "entry_type": "prompt", "platforms": [ "ios", "android", "harmonyos", "web-mobile" ], "function": "commerce", "placements": [ "full-screen" ], "granularity": "flow", "status": "stale", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "content/scenes/scene-shop-home.md" }, { "name": "checklist-books", "type": "registry:file", "title": "Design Review Checklist & Reading List", "description": "An 18-item pre-delivery design review checklist plus a six-book reading list, ordered beginner to advanced.", "keywords": [ "checklist", "design review", "books", "reading list" ], "title_zh": "设计评审清单与书单", "summary_zh": "交付前过一遍 18 项评审清单；想再往深走，六本书按顺序读。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/checklist.md" }, { "name": "discipline-interaction", "type": "registry:file", "title": "Interaction Design", "description": "How humans and systems converse: feedback loops, gestures, navigation and mental models.", "keywords": [ "interaction", "affordance", "feedback", "mental model", "fitts" ], "title_zh": "交互设计", "summary_zh": "管「人和系统如何对话」：别让用户多想、多等、多记。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/disciplines/discipline-interaction.md" }, { "name": "discipline-motion", "type": "registry:file", "title": "Motion Design", "description": "Motion explains where things come from, where they go, and why they change; duration and easing are its punctuation.", "keywords": [ "motion", "easing", "animation duration", "choreography", "transition" ], "title_zh": "动效设计", "summary_zh": "动效不是装饰，是解释：东西从哪来、到哪去、为什么变。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/disciplines/discipline-motion.md" }, { "name": "discipline-ui-ux", "type": "registry:file", "title": "Interface & Experience Design", "description": "UX validates whether the flow works for users; UI decides how each screen looks and operates.", "keywords": [ "ui", "ux", "usability", "information architecture", "user flow" ], "title_zh": "UI / UX 设计", "summary_zh": "UX 回答「这件事对用户成不成立」，UI 回答「这一屏长什么样、怎么操作」——先验证流程，再打磨界面。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/disciplines/discipline-ui-ux.md" }, { "name": "discipline-visual", "type": "registry:file", "title": "Visual Design", "description": "How eyes organize information: Gestalt grouping, color, type scale and whitespace as reading-order engineering.", "keywords": [ "visual", "gestalt", "contrast", "wcag", "type scale", "color" ], "title_zh": "视觉设计", "summary_zh": "管「眼睛如何组织信息」：视觉层级是阅读顺序的工程，不是审美偏好。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/disciplines/discipline-visual.md" }, { "name": "lab-contrast", "type": "registry:file", "title": "Contrast Checker (WCAG)", "description": "Interactive WCAG contrast checker: pick foreground/background colors, get the live contrast ratio and AA/AAA verdicts.", "keywords": [ "contrast", "wcag", "accessibility", "color lab" ], "title_zh": "对比度检查：好看之前，先要看得清", "summary_zh": "选文字色和背景色，实时按 WCAG 公式算对比度，正文 ≥ 4.5:1 才算看得清。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/lab/lab-contrast.md" }, { "name": "lab-easing", "type": "registry:file", "title": "Easing Curve Lab", "description": "Interactive easing-curve instrument: pick a cubic-bezier preset and a duration, watch the ball's speed character, copy the CSS.", "keywords": [ "easing", "cubic-bezier", "motion lab", "animation" ], "title_zh": "动效实验室：缓动曲线", "summary_zh": "选一条曲线看小球如何走完同一段路——进场 ease-out、离场 ease-in，匀速只适合进度与旋转。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/lab/lab-easing.md" }, { "name": "lab-fitts", "type": "registry:file", "title": "Fitts's Law Lab", "description": "Interactive Fitts's law instrument: time yourself hitting a 44px target vs a 118px target and compare averages.", "keywords": [ "fitts law", "target size", "interaction lab", "touch target" ], "title_zh": "费茨定律：到达时间 = 距离 ÷ 尺寸", "summary_zh": "轮流点小目标和大目标各测一轮，亲手量出「目标越大越近越快」。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/lab/lab-fitts.md" }, { "name": "lab-type-scale", "type": "registry:file", "title": "Type Scale Lab", "description": "Interactive type-scale instrument: drag the base size and watch a 1.25-ratio scale (Caption to H1) move together.", "keywords": [ "type scale", "typography", "modular scale", "visual lab" ], "title_zh": "字阶生成：标题不是「调大一点」", "summary_zh": "拖动基准字号，看整组字号如何按 1.25 的比例一起呼吸。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/lab/lab-type-scale.md" }, { "name": "aesthetic-minimalism", "type": "registry:file", "title": "Aesthetic and Minimalist Design", "description": "界面不放无关信息——每多一个元素，都在和重要信息抢注意力。", "keywords": [ "aesthetic and minimalist design", "nielsen" ], "title_zh": "美学与极简", "summary_zh": "界面不放无关信息——每多一个元素，都在和重要信息抢注意力。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/aesthetic-minimalism.md" }, { "name": "aesthetic-usability-effect", "type": "registry:file", "title": "Aesthetic-Usability Effect", "description": "好看的界面会被认为更好用——第一印象的宽容度来自审美。", "keywords": [ "aesthetic usability effect", "laws-of-ux" ], "title_zh": "美即好用效应", "summary_zh": "好看的界面会被认为更好用——第一印象的宽容度来自审美。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/aesthetic-usability-effect.md" }, { "name": "closure", "type": "registry:file", "title": "Closure", "description": "大脑会自动补全缺失的部分，把残缺图形看成整体。", "keywords": [ "closure", "gestalt" ], "title_zh": "闭合", "summary_zh": "大脑会自动补全缺失的部分，把残缺图形看成整体。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/closure.md" }, { "name": "common-fate", "type": "registry:file", "title": "Common Fate", "description": "一起动的元素会被看成一组。", "keywords": [ "common fate", "gestalt" ], "title_zh": "共同命运", "summary_zh": "一起动的元素会被看成一组。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/common-fate.md" }, { "name": "consistency-standards", "type": "registry:file", "title": "Consistency and Standards", "description": "同一件事只用一种说法、一个位置、一个手势。", "keywords": [ "consistency and standards", "nielsen" ], "title_zh": "一致性与标准", "summary_zh": "同一件事只用一种说法、一个位置、一个手势。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/consistency-standards.md" }, { "name": "continuity", "type": "registry:file", "title": "Continuity", "description": "眼睛会沿着线条和对齐轴继续看下去。", "keywords": [ "continuity", "gestalt" ], "title_zh": "连续", "summary_zh": "眼睛会沿着线条和对齐轴继续看下去。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/continuity.md" }, { "name": "doherty-threshold", "type": "registry:file", "title": "Doherty Threshold", "description": "系统在 400ms 内响应，用户才不会出戏；超过就掉注意力。", "keywords": [ "doherty threshold", "laws-of-ux" ], "title_zh": "Doherty 阈值", "summary_zh": "系统在 400ms 内响应，用户才不会出戏；超过就掉注意力。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/doherty-threshold.md" }, { "name": "error-prevention", "type": "registry:file", "title": "Error Prevention", "description": "与其写好报错文案，不如让错误根本没机会发生。", "keywords": [ "error prevention", "nielsen" ], "title_zh": "防错优于纠错", "summary_zh": "与其写好报错文案，不如让错误根本没机会发生。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/error-prevention.md" }, { "name": "error-recovery-help", "type": "registry:file", "title": "Help Users Recognize, Diagnose, and Recover from Errors", "description": "报错用 plain language：说清出了什么问题、怎么解决，不用错误码吓人。", "keywords": [ "help users recognize diagnose and recover from errors", "nielsen" ], "title_zh": "帮用户识别并改错", "summary_zh": "报错用 plain language：说清出了什么问题、怎么解决，不用错误码吓人。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/error-recovery-help.md" }, { "name": "figure-ground", "type": "registry:file", "title": "Figure-Ground", "description": "人会自动区分主体与背景，靠的是对比和层级。", "keywords": [ "figure ground", "gestalt" ], "title_zh": "图底关系", "summary_zh": "人会自动区分主体与背景，靠的是对比和层级。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/figure-ground.md" }, { "name": "fitts-law", "type": "registry:file", "title": "Fitts's Law", "description": "到达目标的时间由距离和大小决定：目标越大、越近，越易点中。", "keywords": [ "fitts s law", "laws-of-ux" ], "title_zh": "费茨定律", "summary_zh": "到达目标的时间由距离和大小决定：目标越大、越近，越易点中。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/fitts-law.md" }, { "name": "flexibility-efficiency", "type": "registry:file", "title": "Flexibility and Efficiency of Use", "description": "为新手保持简单，也给熟手留加速器：快捷键、默认值、最近使用。", "keywords": [ "flexibility and efficiency of use", "nielsen" ], "title_zh": "灵活与效率", "summary_zh": "为新手保持简单，也给熟手留加速器：快捷键、默认值、最近使用。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/flexibility-efficiency.md" }, { "name": "help-documentation", "type": "registry:file", "title": "Help and Documentation", "description": "最好不用文档也能上手；真需要时，文档要可搜、按任务组织、篇幅短。", "keywords": [ "help and documentation", "nielsen" ], "title_zh": "帮助与文档", "summary_zh": "最好不用文档也能上手；真需要时，文档要可搜、按任务组织、篇幅短。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/help-documentation.md" }, { "name": "hicks-law", "type": "registry:file", "title": "Hick's Law", "description": "选项越多、越复杂，做决定越慢。", "keywords": [ "hick s law", "laws-of-ux" ], "title_zh": "希克定律", "summary_zh": "选项越多、越复杂，做决定越慢。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/hicks-law.md" }, { "name": "jakobs-law", "type": "registry:file", "title": "Jakob's Law", "description": "用户大部分时间在别人的产品上，他们希望你的产品也长那样。", "keywords": [ "jakob s law", "laws-of-ux" ], "title_zh": "雅各布定律", "summary_zh": "用户大部分时间在别人的产品上，他们希望你的产品也长那样。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/jakobs-law.md" }, { "name": "match-real-world", "type": "registry:file", "title": "Match Between System and the Real World", "description": "用用户的语言和现实中的概念说话，而不是系统内部术语。", "keywords": [ "match between system and the real world", "nielsen" ], "title_zh": "贴合真实世界", "summary_zh": "用用户的语言和现实中的概念说话，而不是系统内部术语。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/match-real-world.md" }, { "name": "millers-law", "type": "registry:file", "title": "Miller's Law", "description": "工作记忆一次只能装下约 7（±2）个信息块。", "keywords": [ "miller s law", "laws-of-ux" ], "title_zh": "米勒定律", "summary_zh": "工作记忆一次只能装下约 7（±2）个信息块。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/millers-law.md" }, { "name": "occams-razor", "type": "registry:file", "title": "Occam's Razor", "description": "如无必要，勿增实体：最简单的方案通常是对的。", "keywords": [ "occam s razor", "laws-of-ux" ], "title_zh": "奥卡姆剃刀", "summary_zh": "如无必要，勿增实体：最简单的方案通常是对的。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/occams-razor.md" }, { "name": "peak-end-rule", "type": "registry:file", "title": "Peak-End Rule", "description": "人们对体验的记忆，取决于峰值时刻和结束时刻，而非全程平均。", "keywords": [ "peak end rule", "laws-of-ux" ], "title_zh": "峰终定律", "summary_zh": "人们对体验的记忆，取决于峰值时刻和结束时刻，而非全程平均。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/peak-end-rule.md" }, { "name": "pragnanz", "type": "registry:file", "title": "Prägnanz", "description": "大脑倾向于把复杂图形理解成最简单的整体。", "keywords": [ "pr gnanz", "gestalt" ], "title_zh": "简洁", "summary_zh": "大脑倾向于把复杂图形理解成最简单的整体。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/pragnanz.md" }, { "name": "proximity", "type": "registry:file", "title": "Proximity", "description": "挨得近的元素会被看成一组——分组先靠距离，不靠框线。", "keywords": [ "proximity", "gestalt" ], "title_zh": "邻近", "summary_zh": "挨得近的元素会被看成一组——分组先靠距离，不靠框线。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/proximity.md" }, { "name": "recognition-over-recall", "type": "registry:file", "title": "Recognition Rather than Recall", "description": "把选项和信息摆出来，别让用户靠脑子记上一步。", "keywords": [ "recognition rather than recall", "nielsen" ], "title_zh": "识别优于回忆", "summary_zh": "把选项和信息摆出来，别让用户靠脑子记上一步。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/recognition-over-recall.md" }, { "name": "similarity", "type": "registry:file", "title": "Similarity", "description": "长得像的元素会被认为功能相关。", "keywords": [ "similarity", "gestalt" ], "title_zh": "相似", "summary_zh": "长得像的元素会被认为功能相关。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/similarity.md" }, { "name": "teslers-law", "type": "registry:file", "title": "Tesler's Law", "description": "每个系统的复杂度守恒，只能转移，不能消灭。", "keywords": [ "tesler s law", "laws-of-ux" ], "title_zh": "泰斯勒定律", "summary_zh": "每个系统的复杂度守恒，只能转移，不能消灭。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/teslers-law.md" }, { "name": "user-control-freedom", "type": "registry:file", "title": "User Control and Freedom", "description": "用户常点错——给他们一个明确的「紧急出口」和撤销。", "keywords": [ "user control and freedom", "nielsen" ], "title_zh": "用户控制与自由", "summary_zh": "用户常点错——给他们一个明确的「紧急出口」和撤销。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/user-control-freedom.md" }, { "name": "visibility-of-system-status", "type": "registry:file", "title": "Visibility of System Status", "description": "通过及时反馈，让用户始终知道系统正在发生什么。", "keywords": [ "visibility of system status", "nielsen" ], "title_zh": "系统状态可见", "summary_zh": "通过及时反馈，让用户始终知道系统正在发生什么。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/visibility-of-system-status.md" }, { "name": "von-restorff-effect", "type": "registry:file", "title": "Von Restorff Effect", "description": "与众不同者被记住：一堆相似元素里，异类最先被看见。", "keywords": [ "von restorff effect", "laws-of-ux" ], "title_zh": "冯·雷斯托夫效应", "summary_zh": "与众不同者被记住：一堆相似元素里，异类最先被看见。", "kind": "guide", "status": "published", "license": { "spdx": "CC-BY-4.0", "author": "Aglaia", "source_url": "aglaia.design", "verified": true }, "file": "guides/principles/von-restorff-effect.md" }, { "name": "aglaia-tokens", "type": "registry:theme", "title": "Aglaia Design Tokens", "description": "Aglaia site design tokens (W3C DTCG): black/white/gray palette with off-white base, type scale, spacing, radius, motion.", "keywords": [ "tokens", "dtcg", "theme" ], "kind": "token-set", "status": "published", "file": "tokens/tokens.json" } ] }