메뉴
Material Components for Flutter — historically a standalone repo, now consolidated into the Flutter SDK itself. The `package:flutter/material` bundled with Flutter is the continuation of this work. See `flutter-material` skill for the current path.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Based on Google Stitch DESIGN.md methodology and 58 world-class brand design systems (Apple, Tesla, Stripe, Vercel, Linear, Airbnb, Spotify, Notion, etc.), this skill provides a complete framework for AI agents to generate production-grade UI with distinctive aesthetic quality. Covers design analysis, DESIGN.md creation, and pixel-perfect implementation across all frontend platforms.
OpenAI GPT Image 2 skill for production visual asset generation and editing. Covers Image API vs Responses API selection, prompt-to-asset workflows, high-fidelity edits, output sizing, compression, moderation, cost controls, and DesignDNA-ready asset handoff.
Ant Design Pro — enterprise React admin scaffold + pro-components library. Scaffold (37k stars) gives a full B2B admin starter with layouts, routes, authentication, i18n. Pro-components (4k stars) provides high-level business components (ProTable, ProForm, ProLayout, ProDescriptions). Both active through 2026.
Ant Design (antd) React component library skill — Alibaba's flagship enterprise React UI (97k+ stars, v6.x, active). The de-facto standard for B2B admin/dashboard in China and widely used globally. Covers 60+ components with Form/Table patterns, v6 CSS-variable theming, App/ConfigProvider usage, @ant-design/cli, and v5 → v6 migration notes.
Ant Design X — Alibaba's React AI/LLM conversation UI library (active v2.x). Purpose-built for AI copilot / chatbot interfaces with streaming, message bubbles, sender input, suggestions, prompts, and thought processes. The React equivalent of TDesign Chat.
TDesign Vue Next Chat — Tencent's official AI/LLM conversation UI component package for Vue 3 (part of tdesign-vue-next monorepo, active v0.5.x). Covers Chatbot/Chat primitives, streaming message rendering, Markdown + code-block support, AG-UI or custom SSE service protocols, tool-call/thinking UI, and AI copilot interface patterns.
| name | material-components-flutter |
| description | Material Components for Flutter — historically a standalone repo, now consolidated into the Flutter SDK itself. The `package:flutter/material` bundled with Flutter is the continuation of this work. See `flutter-material` skill for the current path. |
Historical source: material-components/material-components-flutter · archived 2023-11-30 Current path:
package:flutter/materialbundled in Flutter SDK — seeflutter-materialskill
This standalone library was consolidated into Flutter's main SDK on 2023-11-30. Material Design components for Flutter now live in package:flutter/material, maintained as part of Flutter itself. No external dependency is needed.
If your project still references this standalone package, remove it. The components are already in Flutter:
# Remove from pubspec.yaml if present
dependencies:
material_components_flutter: ^X.Y.Z # remove
Flutter's built-in Material is already imported via:
import 'package:flutter/material.dart';
// All Material components available here:
MaterialApp(...)
Scaffold(...)
AppBar(...)
FilledButton(...)
// etc.
See flutter-material skill for complete usage.
Essentially the same components that are now in package:flutter/material:
material_components_flutter to pubspec.yaml for new projects — use the SDK-bundled version- [ ] pubspec.yaml does NOT reference material_components_flutter
- [ ] Using package:flutter/material (built-in) for Material widgets
- [ ] ThemeData.useMaterial3: true (M3 default in recent Flutter)
- [ ] ColorScheme.fromSeed for theming
- [ ] See flutter-material skill for complete usage
flutter-material skill — the correct Flutter Material path (SDK built-in)tdesign-flutter skill — Tencent's Flutter alternative if you want a different aesthetic