将模糊的界面想法转化为精致且针对Stitch优化的提示词,提升具体性,加入UI/UX关键词,融入设计系统上下文,并结构化输出以获得更优的生成效果
将模糊的界面想法转化为精致且针对Stitch优化的提示词,提升具体性,加入UI/UX关键词,融入设计系统上下文,并结构化输出以获得更优的生成效果
当PDF的视觉质量和设计风格至关重要时使用此功能。CREATE(从零生成):制作PDF、生成报告、撰写提案、创建简历、精美PDF、专业文档、封面页、精致PDF、客户可用文档。FILL(填写表单字段):填写表单、填写此PDF、完成表单字段、向PDF写入值、此PDF包含哪些字段。REFORMAT(为现有文档应用设计):重新格式化此文档、应用我们的样式、将此Markdown/文本转换为PDF、让此文档更美观、重新设计此PDF。此功能采用基于令牌的设计系统:颜色、排版和间距由文档类型决定,并贯穿每一页。输出结果可直接打印。当外观质量重要而非仅需生成任意PDF时,请优先使用此功能。
专业Figma设计分析与资源导出,用于提取设计数据、以多种格式导出资源、审查可访问性合规性、分析设计系统以及生成全面的设计文档。支持对Figma文件进行只读分析,并具备强大的导出和报告功能
为构建精美界面提供UI/UX设计智能与实现指导。当用户请求UI设计、UX流程、信息架构、视觉风格方向、设计系统与设计令牌、组件规范、文案与微文案、无障碍访问,或需要生成/评估/优化前端UI(HTML/CSS/JS、React、Next.js、Vue、Svelte、Tailwind)时使用。包含以下工作流程:(1)生成新的UI布局与样式,(2)优化现有UI/UX,(3)产出设计系统令牌与组件规范,(4)将UX建议转化为具体代码改动。
使用 AIOZ UI V3 设计系统构建 UI 组件和页面。当用户需要创建、编辑或样式化 React 组件时,使用此技能,包括应用 AIOZ UI 令牌、Tailwind 类、颜色令牌、排版工具、@aioz-ui/icon-react 中的图标,或图表组件(LineChart、AreaChart、BarChart、DonutChart)。当任务涉及 AIOZ UI 组件、设计令牌如 --sf-neu-block 或 --text-neu-bold、品牌颜色、排版类(text-title-01、text-body-02)、图标导入、数据可视化,或将 Figma MCP 输出转换为生产就绪代码时,触发此技能。
使用 AIOZ UI V3 设计系统构建 UI 组件和页面。当用户需要创建、编辑或样式化 React 组件时,使用此技能,包括应用 AIOZ UI 令牌、Tailwind 类、颜色令牌、排版工具、@aioz-ui/icon-react 中的图标,或图表组件(LineChart、AreaChart、BarChart、DonutChart)。当任务涉及 AIOZ UI 组件、设计令牌如 --sf-neu-block 或 --text-neu-bold、品牌颜色、排版类(text-title-01、text-body-02)、图标导入、数据可视化,或将 Figma MCP 输出转换为生产就绪代码时,触发此技能。
使用包括 Material You、Fluent Design、Apple HIG、Ant Design、Carbon Design、Shopify Polaris、极简主义、玻璃拟态、新粗野主义、霓幻主义、拟物主义、黏土风、瑞士设计和 Atlassian 设计在内的 16 种以上设计系统,打造美观的界面。精通 Tailwind CSS、色彩搭配、组件主题化与无障碍访问(WCAG)