“design”的搜索结果

Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation, token architecture, component documentation, style guide generation. Activate on "design system", "design tokens", "CSS architecture", "component library", "style guide", "design bible". NOT for typography deep-dives (use typography-expert), color theory mathematics (use color-theory-palette-harmony-expert), brand identity strategy (use web-design-expert), or actual UI implementation (use web-design-expert or native-app-designer).

中文简介正在准备中。当前显示原文说明。

要件定義と実装の間を埋める技術仕様書を体系的に作成するスキル。 画面設計、API設計、DB設計、シーケンス図、状態遷移図をMermaid形式で生成し、 IEEE 830/ISO 29148準拠の仕様書を出力する。Use when creating functional specifications, API design documents, database design documents, screen design specifications, or sequence/state diagrams from requirements. Triggers: "technical specification", "functional spec", "API design", "database design", "screen design", "画面設計書", "API設計書", "DB設計書", "技術仕様書", "シーケンス図", "状態遷移図"

中文简介正在准备中。当前显示原文说明。

Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation, token architecture, component documentation, style guide generation. Activate on "design system", "design tokens", "CSS architecture", "component library", "style guide", "design bible". NOT for typography deep-dives (use typography-expert), color theory mathematics (use color-theory-palette-harmony-expert), brand identity strategy (use web-design-expert), or actual UI implementation (use web-design-expert or native-app-designer).

中文简介正在准备中。当前显示原文说明。

从现有界面代码中提取颜色、字体和间距等共用规则，生成设计说明与交互预览。按十个维度评估视觉一致性，并指出具体修改位置。

• 从现有代码提取设计规则
• 改版前检查视觉一致性
• 审查修改样式的拉取请求

在真实iPhone上截取iOS应用各个屏幕，依据Apple的界面设计指南和项目设计规范评估外观，按项目评分并提出改进建议。

• 在真实iPhone上检查应用外观
• 对照项目设计规范检查屏幕
• 根据评分整理改进事项

用于设计新网页、评估和改版现有界面，或分析网址与截图中的设计。梳理页面结构、配色、字体及交互状态，也可按优先级列出改进项。

• 设计新的落地页
• 为现有界面改进项排序
• 分析参考网页或图片

创建包含产品介绍、功能、客户评价或标志、可选价格及注册引导的SaaS介绍页，遵循DESIGN.md的配色、字体和布局规则，输出单个HTML文件。

• 创建SaaS产品介绍页
• 遵循现有设计规范
• 集中展示功能、客户反馈和价格

将模糊的设计需求细化为配色、字体、布局等八个方面，生成用于实施的规格文档和HTML预览，并明确说明为未指定项补充的默认值。

• 将模糊设计需求具体化
• 规划落地页配色、字体与留白
• 通过HTML预览确认外观

Helps build and maintain Ant Design interfaces by checking component options, examples, and theme settings. It also supports debugging, version migrations, and project scans to identify deprecated code and configuration issues.

中文简介正在准备中。当前显示英语简介。

• Build interfaces using component APIs and working examples
• Investigate component bugs and configuration issues
• Check changes before upgrading Ant Design

Updates an Ant Design Pro project by comparing it with the latest official template. It merges dependency and configuration changes while preserving custom pages and business logic, then checks for deprecated APIs and build errors.

中文简介正在准备中。当前显示英语简介。

• Update an existing Ant Design Pro project
• Merge template changes while preserving custom code
• Check deprecated APIs during an upgrade

Create a consistent UI design system from brand colors. Generate design tokens, reusable values for colors, typography, and spacing, and support component documentation, responsive layout calculations, accessibility considerations, and clear handoff materials for developers.

中文简介正在准备中。当前显示英语简介。

• Generate shared design values from brand colors
• Standardize typography and spacing across screens
• Plan layouts for different screen widths

Prepare an Ant Design Mobile package release by checking the version, build, and package contents. After the user publishes to npm manually, verify the published package and create its Git tag and bilingual GitHub Release.

中文简介正在准备中。当前显示英语简介。

• Prepare an Ant Design Mobile release
• Check files included in an npm package
• Draft release notes in Chinese and English

Turn Stitch designs into React and Vite dashboards with reusable components and asynchronous data fetching. It applies shared design settings from DESIGN.md, includes accessibility checks, and supports optional blockchain data reads.

中文简介正在准备中。当前显示英语简介。

• Build a React dashboard from a Stitch screen
• Apply shared design settings from DESIGN.md
• Add data fetching and loading states

Route design work to the appropriate specialist skill for websites, graphics, documents, slides, or video. For other design types, create or edit the existing project while preserving its design settings, editable elements, and selected scope.

中文简介正在准备中。当前显示英语简介。

• Route design work to the appropriate specialist skill
• Make targeted edits to an existing design
• Adjust a theme while preserving content and layout

Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance. Triggers on design system, component library, design tokens, atomic design, atoms, molecules, organisms, design system documentation, Storybook, Figma library, system governance, design contribution model. Also triggers when teams are inconsistent across products and a system is the answer.

中文简介正在准备中。当前显示原文说明。

Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models. Use whenever the user wants to design a page, feature, flow, slide deck, or brand-new product; improve or reproduce existing UI; compare design results across top models; explore visual variants; set or extract a design system; build reusable components or multi-page flows; create presentations; or create posters and marketing graphics, even if they never say the word 'design tool'. Also supports generating supporting image or video assets when a design needs them.

中文简介正在准备中。当前显示原文说明。

Design and prototype in Paper Design (app.paper.design) — read/write designs via MCP, convert to React/Tailwind code, import HTML/CSS, sync design tokens. Also covers Paper Shaders (@paper-design/shaders-react) — 30+ shader React components (mesh gradient, fluted glass, liquid metal, god rays, halftone, grain gradient, pulsing border). Pairs with minoan-frontend-design for creative direction. Triggers on Paper Design, paper.design, design-to-code, artboard, Paper Shaders, Paper MCP, prototype.

中文简介正在准备中。当前显示原文说明。

Use this skill whenever the user wants to use AI agents to work with Penpot design files via the Penpot MCP Server. Triggers include: using Penpot through an AI agent, design files, design systems, design tokens, Penpot MCP, design-to-code, generating UI from design, auditing a design system, creating components/variants, renaming layers, exporting assets from Penpot, adding flows, interactions, animations, overlays, or prototyping in Penpot, or prompting an AI agent to read/modify a Penpot file. Also triggers when the user wants to set up Penpot MCP, connect any MCP-compatible AI agent or IDE to Penpot, or produce production-ready HTML/CSS/React from a Penpot design. Use this skill for Penpot-agent workflows — design, code, audit, prototyping, or setup.

中文简介正在准备中。当前显示原文说明。

Sparkle Design の UI コンポーネントを shadcn registry 経由でプロジェクトに追加するスキル。 パッケージマネージャの自動検出、設定バリデーション、コンポーネントインストール、 Storybook 統合、CSS セットアップ、トラブルシューティングをカバーする。 「Sparkle コンポーネントを追加」「sparkle-design のコンポーネントをインストール」 「@sparkle-design のセットアップ」「コンポーネントをどう追加する」 「registry の設定」「components.json の設定」への言及で発動する。 English: "add a sparkle button", "install sparkle-design card", "add @sparkle-design/input", "set up components from sparkle registry", "how do I install components", "registry setup"

中文简介正在准备中。当前显示原文说明。

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".

中文简介正在准备中。当前显示原文说明。

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".

中文简介正在准备中。当前显示原文说明。

按照统一的颜色、文字、状态显示和交互规则创建或修改Paperclip界面，同时整理可复用组件、组件目录与示例页面。

• 按现有设计规则添加页面
• 创建可复用的界面组件
• 统一状态颜色与优先级图标

从五个设计维度为HTML页面或幻灯片评分并提供依据，将雷达图、应保留内容、待修改问题和短时间可完成的改进汇总为一份HTML报告。

• 交付前检查落地页设计
• 检查HTML幻灯片的可读性与操作
• 比较两个设计方案

根据代码或文字说明创建、更新Figma界面，使用设计系统的组件，以及颜色、间距等共享视觉设置，将应用页面转换为Figma设计。

• 将应用代码转换为Figma设计
• 根据文字说明创建界面
• 使用共享组件更新界面