Skills

S

stitch-ui-design

sickn33 / agentic-awesome-skills

关于如何为 Google Labs 出品的 AI 驱动 UI 设计工具 Google Stitch 编写高效提示词的专家指导。本技能帮助创建精准、可执行的提示词，从而生成 Web 与移动应用的高质量 UI 设计。

S

syncfusion-react-rich-text-editor

syncfusion / react-ui-components-skills

实现来自 ej2-react-richtexteditor 的 Syncfusion React 富文本编辑器（RichTextEditorComponent），支持 HTML（WYSIWYG）和 Markdown 编辑。在 React 应用中，可用于工具栏配置、图片/视频/音频插入、粘贴内容清理、AI 助手集成、表情选择器、斜杠菜单、提及、Word/PDF 导入导出、表单验证以及源码视图。

F

figure-designer

hkustdial / supervisor-skills

就技术论文中三类核心图的设计提供建议：Motivating Example（图 1）、Solution Overview（方法），以及实验结果图。为每种图类型推荐合适的设计范式、布局、标注方式和工具，然后进行质量审查。当用户询问「设计一张图」「画图 1」「绘制实验结果」「选择合适的图表类型」「该用哪个绘图工具」或「这张图看起来不专业」时，请使用此技能。

S

shiny-bslib-theming

posit-dev / skills

使用 bslib 和 Bootstrap 5 对 Shiny 应用进行高级主题定制。适用于通过 bs_theme()、Bootswatch 主题、自定义配色、字体排印、brand.yml 集成、Bootstrap Sass 变量、自定义 Sass/CSS 规则、暗色模式与色彩模式、动态主题切换、实时主题定制、主题检查，或使用 thematic 让 R 绘图与应用主题保持一致来自定义应用外观的场景。

B

blueprint-figure

rohitg00 / ai-engineering-from-scratch

以 AI Engineering from Scratch 风格绘制用于课程、README 和手册的静态 SVG 图示：纸张面板、蓝图点缀、九种图示类型、固定色相含义、八种箭头样式，以及可读性和标记检查。触发短语：“绘制图示”“蓝图图示”“时序图”“状态机图”“本课配图”“在手册中添加图表”。

L

landing-page-generator

alirezarezvani / claude-skills

使用 Tailwind CSS 生成完整的 Next.js/React (TSX) 组件，构建高转化率落地页。运用成熟的文案框架（PAS、AIDA、BAB）创建主视觉区、功能网格、定价表、FAQ 折叠面板、推荐语区块和 CTA 区块。输出 SEO 元标签、结构化数据和经过性能优化的代码，目标符合 Core Web Vitals（LCP 低于 1s，CLS 低于 0.1）。用户要求创建落地页、营销页、首页、单页网站、潜在客户收集页、活动页、促销页或转化优化网页，或想对落地页变体进行 A/B 测试、以转化为目标的页面替换静态页面时使用。

I

iphone-duo-readiness

mirzaaghazadeh / iphone-duo-skills

审核 iOS 应用并将其移植到 iPhone Duo（Apple 首款折叠屏 iPhone）。当用户要求为 iPhone Duo、折叠屏 iPhone、内外屏幕、设备姿态或折叠功能提供支持、适配、准备、测试或审查时使用。入口技能会将任务路由至布局、栏、铰链/场景、相机和设计技能。

R

replica-design

jakeschincariol / replica-skill

为克隆应用重建设计系统：将颜色角色、字体比例、间距、圆角、阴影以及每个组件及其状态整理为设计令牌和组件规范，并使用原创素材，而非目标应用的徽标、图标、插图或授权字体。包含 WCAG 对比度检查器。用户说“匹配设计”“重建设计系统”“获取颜色和字体”“让它看起来像 X”“为我的克隆应用制作设计令牌”，或在 /replica-architect 之后使用。

T

tool-ui

assistant-ui / tool-ui

在 React 应用中查找、安装、配置和集成 Tool UI 组件，包括使用 shadcn registry 条目、兼容性检查、现成的运行时接线、借助 assistant-ui 进行工具包配置，以及排错工作流。当开发者要求添加一个或多个 Tool UI 组件、为某个用例选择组件、验证兼容性、在代码库中接入工具包，或将 Tool UI 载荷集成到 assistant-ui 或现有的聊天/运行时技术栈时使用。

U

uikit-max

tornikegomareli / uikit-agent-skill

全面审查 UIKit 代码在现代 API、架构和性能方面的最佳实践。适用于阅读、编写或评审基于 UIKit 的 iOS 项目，包括 UIViewController、UITableView、UICollectionView、Auto Layout 或纯代码构建的 UI。也适用于将旧式 UIKit 模式迁移为现代等价实现。不适用于纯 SwiftUI 项目或完全不依赖 UIKit 的纯 Combine 逻辑。

C

course-style

rohitg00 / ai-engineering-from-scratch

AI Engineering from Scratch 页面、图示和手册的通用视觉与写作规范。用于浅色和深色主题色值、字体栈、FIG_ 标签格式及卡片布局；也用于通俗技术英语规范、无障碍设置和减少动态效果的默认设置。触发短语：“课程风格”“蓝图配色”“课程主题值”“FIG 标签”“通俗技术英语”“检查我的文稿”“课程字体”“深色模式主题值”。

I

isometric-explainer

rohitg00 / ai-engineering-from-scratch

构建交互式等距视角机器页面。一台虚构机器的每个工位代表流程中的一个步骤。纯函数且经过测试的状态模型驱动动画、读数和文案。页面包含控件和验证循环。触发短语：“等距视角解说”“机器解说”“把这个解释成一台机器”“交互式等距图”“可探索的解说”“展示其内部工作原理”。

D

design-with-taste

cristicretu / family-taste-skill

将「家庭价值观」设计理念应用于你构建的每一个 UI。在创建前端、组件、应用、落地页、仪表盘或任何面向用户的界面时使用本技能。强制执行三条核心原则——简约（渐进式呈现）、流畅（无缝过渡）和愉悦（选择性强调）——让每个产出都显得精心打磨、 intentional 且充满生机。避免通用、静态、缺乏生气的 UI。可与 frontend-design、web-animation-design 等其他技能配合使用。

D

develop-design-rationale

product-on-purpose / pm-skills

记录设计决策背后的推理，包括考虑过的备选方案、评估过的权衡以及应用的原则。在做出重要 UX 决策、与相关方对齐设计方向，或为日后参考保留设计上下文时使用。

R

replica-diff

jakeschincariol / replica-skill

将应用克隆版与原版进行比较：根据功能矩阵（按 must、should、could 加权）计算功能一致性得分，并按构建顺序列出缺失项；还提供忽略颜色差异的截图布局对比，因此品牌重塑不会影响结果。包含两个仅依赖 Python 标准库的工具。用户说“我的克隆版有多接近”“与原版比较”“缺少什么”“一致性检查”“比较屏幕差异”“准备好了吗”，或在 /replica-test 之后使用。

S

syncfusion-react-charts

syncfusion / react-ui-components-skills

实现 Syncfusion React Charts 组件进行数据可视化。在创建图表、配置坐标轴与系列或自定义可视化样式时使用。本技能涵盖图表类型、数据绑定、用户交互、金融指标、无障碍功能，以及 React 应用中的专业数据可视化。

D

design-and-templates

social-media-skills / skills

可复用的品牌一致性模板系统技能——构建一套品牌规范加上一小批可复用模板，让非设计师也能快速产出符合品牌规范的图形。当有人需要模板、品牌规范、一致的视觉体系，或需要选择/使用设计工具（Canva/Adobe Express/Figma）时使用。对于社交媒体，一致性加速度胜过完全定制。采用 BRAND 框架。先读取 brand-profile。由 Agent 设计这套体系（品牌令牌、模板集、层级规则、工作流）；实际图形由设计工具或图像工具产出；完成的素材进入 WoopSocial 流程（WoopSocial 负责发布——不负责设计或生成）。如实说明约 70-80% 的品牌一致性上限以及 AI 版权限制。与 brand-profile（身份来源）、thumbnail-design + pinterest-pin-design（单一素材类型）、carousel-writer（文案与视觉分镜）、以及 image-prompt + 图像工具（生成与排版）相区别。

F

foundation-persona

product-on-purpose / pm-skills

使用规范的 v2.5 输出契约，生成以证据校准的产品或营销人物形象。在为产物确定视角、对决策进行压力测试，或构建产品与 GTM 战略框架时使用。

H

hyva-cms-custom-field

hyva-themes / hyva-ai-tools

为 Hyvä CMS 组件创建自定义字段类型和字段处理器。当用户同时提到 Hyvä、Hyva 或 CMS，以及自定义字段、自定义输入或弹窗选择器时使用（例如 hyva custom field、custom cms field、hyva modal selector、custom hyva input、custom cms input）。不用于 Hyvä CMS 之外的通用表单或 UI 工作。

K

k2f-conference-handout

suzheng / k2f

将已录用的演讲、幻灯片大纲或场次笔记转化为可打印的参会者讲义，包含动词开头的要点、精炼的演讲主线和后续资源——而不是幻灯片堆砌或演讲稿。当用户要求会议讲义、场次讲义、演讲配套材料或演讲结束后供参会者取阅的可打印 PDF 时使用。由 K2F 格式与引擎驱动，以 AI 原生设计和最高美学标准创建会议讲义。K2F 专为 AI Agent 打造，让它们专注于语义内容和设计意图，同时自动处理排版、字体和格式的复杂工作。

M

motion-figure

rohitg00 / ai-engineering-from-scratch

构建能够移动或响应读者操作的图示，分为三个层级：课程中的 SMIL 动画和滑块控件；展示真实系统指定部件并给出计算结果的交互式机制图；以及采用课程配色的有序抖动色带。触发词：“动态图示”“添加滑块控件”“交互式图示”“展示系统如何工作”“让图表动起来”“抖动页眉”“机制图”“图示围栏”。

R

replica-build

jakeschincariol / replica-skill

根据侦察地图逐屏重建应用：先搭建应用外壳，再以垂直切片实现核心流程，然后实现所有屏幕及其各种状态，并同步勾选功能矩阵。所有代码均从头编写，不使用原始代码、素材或文案。当用户说“构建克隆版”“构建屏幕 S07”“开始构建”“重建这个屏幕”“实现预订页面”或在 /replica-design 之后使用。

S

syncfusion-react-treegrid

syncfusion / react-ui-components-skills

为层次化数据实现 Syncfusion React TreeGrid，支持排序、筛选、编辑、导出、分页、虚拟滚动等高级功能。可在 React 应用中进行配置、CRUD、聚合、模板、状态持久化与性能优化。

H

hig-foundations

raintree-technology / hig-doctor

Apple 人机界面指南（HIG）的设计基础。当用户询问「HIG 配色」「Apple 字体排印」「SF Symbols」「深色模式指南」「无障碍设计」「Apple 设计基础」「应用图标」「布局指南」「材质」「动效」「隐私」「从右到左」「RTL」「包容性设计」「品牌」「图像」「空间布局」或「写作风格」时使用本技能。当用户说「我的配色在深色模式下看起来不对」「我该用什么字体」「我的应用够无障碍吗」「如何支持动态字体」「我需要什么对比度」「如何选择系统颜色」「我的图标与系统风格不匹配」时，也使用本技能。交叉引用：hig-platforms（平台专属指南）、hig-patterns（交互模式）、hig-components-layout（结构组件）、hig-components-content（展示内容）。

N

nielsen-heuristics-audit

mastepanoski / claude-skills

使用 Jakob Nielsen 的十大可用性启发式原则评估 UX/UI。全面审查可见性、用户控制、一致性、错误预防、易识别性、灵活性、美观性、错误恢复和文档说明。

R

responsive-craft

kylezantos / responsive-craft

为网站和 Web 应用实现响应式设计——从标准的移动优先布局到复杂模式（粘性元素、滚动协调、数据表格、仪表盘）。三种模式：改造现有站点、从零构建响应式，或启动实时多断点预览。呈现没有唯一正确答案的设计分歧点。适用于构建响应式布局、修复移动端问题、添加断点、处理粘性/滚动模式、预览断点，或当用户提到响应式、移动端、断点、视口、自适应设计或响应式预览时使用。

R

replica-brand

jakeschincariol / replica-skill

为应用克隆版命名并重新打造品牌，使其成为用户自己的产品：提供名称候选，并检查商标、域名、应用商店和账号名称；提供通过对比度检查的新配色、Logo 说明、品牌语调指南，以及扫描工具，用于查找代码库中残留的原始内容。当用户说“给我的应用起名”“重新打造克隆版品牌”“把它变成我的”“选个名字和颜色”“Logo 说明”“品牌语调”“检查残留内容”或在 /replica-entrepreneur 之后使用。始终在 /replica-launch 之前运行。

T

tanstack-table

jezweb / claude-skills

使用 TanStack Table v8 构建无头数据表。为 Cloudflare Workers + D1 提供服务端分页、筛选、排序和虚拟化。可避免 12 个已记录的错误。在处理大数据集构建表格、与 TanStack Query 协同，或修复状态管理、性能以及 React 19+ 兼容性问题时使用。

K

k2f-research-poster

suzheng / k2f

将研究论文、手稿和研究成果转化为可直接用于会议的学术海报：采用适合观看距离的字体排版、均衡分栏和高视觉密度。当被要求制作学术海报、科学海报、会议海报或 A0/A1 海报时使用。以 AI 原生设计和最高美学标准，由 K2F 格式与引擎驱动，制作研究海报。专为 AI Agent 打造的 K2F 让它们专注于语义内容和设计意图，同时自动处理排版布局、字体和格式等复杂工作。

A

anime-js

mindrally / skills

使用 Anime.js 动画库构建高性能动画的专家指南

P

photo-abstract-editorial

zzzlc0405 / photo-abstract-editorial

创作简洁的竖版编辑风格作品：保留上传的照片作为原始图像，并搭配克制、源自照片的抽象记忆面板与诗意的英文标题。适用于将照片转换为抽象编辑双联画、照片加抽象的构图、视觉记忆面板或极简档案海报，且不重绘或风格化源照片。

U

uikit-expert

ivan-magda / uikit-expert-skill

按照视图控制器生命周期、Auto Layout、集合视图、导航、动画、内存管理和现代 iOS 18–26 API 的最佳实践编写、评审或改进 UIKit 代码。在构建新的 UIKit 功能、重构现有视图或视图控制器、评审代码质量、采用现代 UIKit 模式（可微分数据源、组合式布局、单元配置），或在 UIKit 与 SwiftUI 之间做桥接时使用。不涵盖仅限 SwiftUI 的代码。

D

design-taste

h3nryprod01 / design-taste

顶尖的前端设计品味，用于构建、评审和打磨网页界面。当用户希望设计、重新设计、塑造、批评、审查、打磨或改进任何 UI（落地页、作品集、仪表盘、产品界面、组件、表单、新手引导、空状态），或想让某样东西看起来更好／更高级／更现代、修复样式、添加或修复动画，或让设计不那么平庸（“AI slop”）时，即可使用。涵盖排版、配色、间距、布局、视觉层级、动效、微交互、组件状态、无障碍、响应式行为、UX 文案以及反模式检测。

R

remember

educlopez / ui-craft

将修正中总结出的设计约束记录到项目简报中。当用户要求对其 UI 执行 remember，或在设计／UI／前端相关工作中提到 remember 时调用。

M

material-ui-nextjs

mui / material-ui

使用 @mui/material-nextjs、Emotion 缓存提供器、next/font、CSS 层与 Tailwind/CSS Modules、Link 组件 prop 模式、CSS 主题变量的 SSR 注意事项，以及 App Router 中 useSearchParams + Suspense，将 Material UI 与 Next.js 的 App 和 Pages 路由集成。在 Next.js 应用中配置或调试 MUI 时使用。

R

ratatui-tui

blacktop / dotfiles

按照 2026 年的 Rust 最佳实践，使用 ratatui 构建终端界面。适用于：(1) 创建新的 TUI 应用，(2) 添加控件和布局，(3) 键盘导航和状态管理，(4) 通过 ratatui-image 集成图像，(5) 异步事件处理，(6) 通过 tui-shimmer 实现微光和加载动画，(7) 审查 TUI 代码，(8) 发布优化。涵盖 v0.30.1 API、Elm 架构、StatefulWidget、color-eyre。

S

start

educlopez / ui-craft

入口。读取当前项目（框架、设计令牌、简介、规格、测试工具）并报告 ui-craft 现在能做什么，然后引导你到正确的下一步。如果你是新手或不确定从何开始，先运行它。当用户要求对其 UI 执行 start，或在设计 / UI / 前端工作中提到 'start' 时调用。不修改代码。

I

imprint

jsmastery-pro / jsm-agent-skill

构建完任何 UI 组件后，提取对一致性而言关键的视觉模式，并保存到 ui-registry.md。这样之后构建的每个组件都能与之前的保持一致。

R

revealjs

ryanbbrown / revealjs-skill

创建精致专业的 reveal.js 演示文稿。当用户要求制作幻灯片、演示文稿、演示稿或幻灯片集时使用。支持主题、多栏布局、代码高亮、动画、演讲者备注和自定义样式。生成 HTML + CSS，无需构建步骤。

S

shadcn-component-discovery

mattbx / shadcn-skills

在编写任何自定义 UI 之前，先在整个生态中发现兼容 shadcn 的组件和注册表。在构建表格、表单、模态框、动画、仪表盘、认证页面或任何 UI 组件之前主动使用。当用户说 "找一个用于……的组件"、"有没有用于……的东西"、"搜索注册表"、"有什么适合……的"，或询问 shadcn blocks、Magic UI、Aceternity、ReUI、Animate UI、DiceUI、Tailark、AI Elements 或其他兼容 shadcn 的注册表时使用。它通过发现用户已配置的 `components.json` 之外的注册表来补充官方 shadcn 技能——在探索有哪些内容可以添加时使用，而不只是查看已安装的部分。

S

syncfusion-react-common

syncfusion / react-ui-components-skills

Syncfusion React 组件的通用工具与功能。当用户需要为 Syncfusion React 组件实现动画、拖放、状态持久化、RTL 支持、本地化、全球化、安全性、模板和高级功能时，使用此技能。

F

flowchart-creator

mhattingpete / claude-skills-marketplace

创建带决策树、颜色区分的阶段、箭头和泳道的 HTML 流程图与流程图示。当用户要求流程图、流程图示、工作流可视化或决策树时使用。

C

critique

aladicf / better-web-ui

从 UX 角度评估界面，考察信息层级、信息架构、情感共鸣、认知负荷和整体质量，并给出量化评分和可执行的反馈。适用于用户希望获得整体设计或 UX 评审时；当主要需求是可测量的无障碍/性能诊断，或最后的细节打磨时不适用。

H

huashu-wechat-image

alchaincyf / huashu-skills

为微信公众号文章生成高质量配图。支持封面图（2.35:1）、正文插图（16:9/4:3）、信息图。提供两条路径：AI生成（视觉创意型）和HTML渲染（文字精确型）。当用户提到"公众号配图"、"公众号封面"、"文章配图"、"正文插图"、"公众号图片"时使用此技能。

A

appbuilder-ui-scaffolder

adobe / skills

为 Adobe Experience Cloud Shell SPA 和 AEM UI 扩展生成 React Spectrum UI 组件。提供页面、表单、数据表格、对话框和导航等模式，基于 @adobe/react-spectrum。介绍使用 @adobe/exc-app 进行 ExC Shell 集成，包括 runtime.done()、IMS 令牌透传和 Shell 主题化。介绍使用 @adobe/uix-guest 开发 AEM UI 扩展，覆盖 Content Fragment Console、CF Editor、Universal Editor、Assets View 和 Content Hub 等界面。触发场景：构建 App Builder UI、React Spectrum 组件、ExC Shell 页面、表单、数据表格、对话框、模态框、导航、主题化、web-src、Spectrum 设计系统、@adobe/exc-app、AEM 扩展、AEM UI 扩展、Content Fragment Console、Universal Editor 扩展、uix-guest、@adobe/uix-guest、AEM 扩展点、自定义 AEM 界面。

A

awesome-design-md

wearescientist / awesome-design-md

为前端/UI 工作选择并应用合适的 Awesome Design MD `DESIGN.md` 风格。用户要求设计 UI、重新设计页面、美化前端、创建仪表盘、改进布局/视觉层次、改变视觉风格、采用大公司设计风格，或提及 `DESIGN.md`、Awesome Design MD、大型科技公司风格、品牌启发式 UI、Apple/Stripe/Linear/Cursor/Raycast/Voltagent/Binance/Coinbase/xAI 风格界面时使用。

G

gsap-greensock

dylantarre / animation-principles

使用 GSAP（GreenSock Animation Platform）实现迪士尼的 12 项动画原则时使用

H

huashu-xhs-image

alchaincyf / huashu-skills

为小红书笔记生成高质量配图。默认 AI 生成（Gemini），仅精确数据表格用 HTML 兜底。当用户提到“小红书配图”“小红书封面”“小红书图片”“做张小红书图”“笔记配图”时使用此技能。

I

image-to-code

plugin87 / ux-ui-agent-skills

将参考图片、屏幕截图或模型图转换为由设计令牌驱动且无障碍的代码。从参考图推断设计系统（配色、字体比例、间距、圆角、布局类型），映射到三级令牌，重建后通过工具包的检查关卡验证。用户提供设计稿／屏幕截图并希望生成匹配的 UI 代码时使用。

S

syncfusion-react-file-manager

syncfusion / react-ui-components-skills

实现 Syncfusion React File Manager 组件，用于文件系统浏览与管理。适用于用户需要文件浏览、上传/下载、文件操作（创建、删除、重命名）、多种视图、拖放、自定义或无障碍功能等场景。支持本地和远程文件系统，并提供丰富的自定义选项。

S

syncfusion-react-themes

syncfusion / react-ui-components-skills

当用户需要为 Syncfusion React 组件应用主题、自定义外观、切换深色模式、使用 CSS 变量、配置图标或修改视觉样式时，使用此技能。涵盖图标库、尺寸模式和 Theme Studio 集成。

C

comparison-table-generator

kostja94 / marketing-skills

Comparison Table 构建的已弃用兼容入口。该组件现已在 Bricks 中维护；请安装并使用 component-builder 来构建新的 Comparison Table。

C

compose-ui

new-silvermoon / awesome-android-agent-skills

使用 Jetpack Compose 构建 UI 的最佳实践，重点是状态提升、详细的性能优化和主题设计。在编写或重构 Composable 函数时使用。

N

neo4j-nvl-skill

neo4j-contrib / neo4j-skills

Neo4j Visualization Library (NVL) —— 不依赖框架的浏览器图渲染库。

U

ui-visual-composition

hueyexe / frontend-agent-skills

适用于创建、评审或优化可视化 UI，包括层级、间距、排版、颜色、深度、图像或视觉状态。

E

experience-cms-brand-create

forcedotcom / sf-skills

编写 Salesforce Digital Experience 品牌（"brand.json"），以便 VS Code Brand Toolkit 能够加载、编辑和预览。当有人想要：创建品牌、生成新品牌、根据描述或颜色/logo/风格生成品牌、将品牌添加到项目以便 Brand Toolkit 识别、生成 brand.json 脚手架、为 Digital Experience 站点设置主题，或将品牌想法（\"暗色奢华品牌\"、\"与我们的 logo 匹配\"、\"珊瑚色 + 圆润 + 友好\"）变成可加载的品牌时，请使用本技能。当用户提到 "Brand Toolkit"、"theme manager brand"、"brand token"、"colorScheme"、"primaryAccent"、".digitalExperience/brands"、"sfdc_cms:title"，或应该出现在 Brand Toolkit 中的 "brand.json" 时，也请使用本技能。不要用本技能将现有品牌的语气、风格或规范应用到生成的内容中（请使用 experience-cms-brand-apply），也不要用来在 Salesforce CMS 中搜索现有品牌或搜索图片、媒体、logo（请使用 experience-search-coordinate）。

K

k2f-syllabus

suzheng / k2f

根据提示词、大纲或旧版教学大纲，生成可直接授课的课程大纲，涵盖对齐的学习成果、易于浏览的日程主线、评分架构与政策层次。适用于用户为自己讲授或重新设计的课程索要教学大纲、课程大纲、课程地图或学期日程的场景。由 K2F 格式和引擎驱动，以 AI 原生设计和最高美学标准生成教学大纲。K2F 专为 AI Agent 打造，让它们专注于语义内容和设计意图，同时自动处理排版、排版样式与格式化等复杂问题。

P

pp-figma

mvanhorn / printing-press-library

涵盖所有 Figma 接口，并提供可用于代码生成的 frame 提取、评论审计、孤立元素查找、token 差异对比。触发语句：`extract a figma frame for codegen`、`compact figma file context for AI`、`find unresolved figma comments`、`figma stale components`、`diff figma design tokens`、`figma file fingerprint for CI`、`replay figma webhook deliveries`、`where is this figma variable used`、`use figma`、`run figma-pp-cli`。

H

howto-section-generator

kostja94 / marketing-skills

How-to Section 构建的已弃用兼容入口。该组件现已在 Bricks 中维护；请安装并使用 component-builder 来构建新的 How-to Section。

I

iphone-duo-adaptive-layout

mirzaaghazadeh / iphone-duo-skills

使用保留区域、分割和遮挡区域、位移模式，以及 split 和 overlay ArrangementView 容器，构建适配 iPhone Duo 折叠区域的布局。当内容或控件落在折叠处、构建类似分屏或叠加布局，或自定义手动定位的 UI 必须避开铰链或屏下摄像头时使用。