一个结合了裸界面交互和无障碍功能的Flutter组件库 采用Mix风格设计。

特工技能

该仓库从其skills/目录中发布了两项技能：

• using-remix 帮助代理构建带有基础 Remix 或由 remix_cli 安装的 Vanilla 和 Fortal 预设的 Flutter 接口。
• building-remix-design-system 帮助代理在 Remix 上构建设计系统，并将其发布为应用程序使用 remix_cli 安装的注册表。

列出可用技能但未安装：

安装这两个技能，或者选择一个：

项目安装创建本地代理技能目录，如 .agents/。 不想在结账时看到该目录的贡献者可以安装 全球范围内或暂时使用技能：

列出已安装的技能，之后更新：

在这个仓库里工作

AGENTS.md 索引了特工应阅读的技能：此 仓库自身的技能、GitHub上的Mix技能以及发布流程。 CLAUDE.md 导入 Claude 代码。安装的技能未被提交;用于 给你自己的代理们Mix技能，全局安装：

造型一个纽扣

或者使用可调用的风格：

快速启动

安装

Remix

Flutter components with Naked UI behavior and Mix styling.

Core concepts

• Naked UI owns interaction: focus, keyboard input, interaction state and accessibility.
• Mix owns styling: specs, stylers, tokens, variants and animation.
• Remix composes both: use Remix* with your own styles, or install a preset.
• Presets are editable app source: choose one per app. Vanilla is neutral; Fortal has its own visual language; HeroUI follows HeroUI web 3.2.6. The CLI installs items and their dependencies.
• The app owns its UI and host: themes, recipes, state and navigation. Supply an Overlay, Navigator or toast scope where the component needs it.
• Registries are pinned: remix.yaml records a GitHub commit. Updating that pin and adopting changed source are separate actions.
• Author once, generate and check: private registry_source produces the registries; apps generate adapters. Runtime packages, registry content and the CLI release independently.

Start with a component

This checkout prepares 1.0.0-beta.14, which is not published yet. The currently hosted version is 1.0.0-beta.13; use the matching release docs or a local path dependency while beta.14 is staged. After publication:

flutter pub add remix:^1.0.0-beta.14

import 'package:flutter/widgets.dart';
import 'package:remix/remix.dart';

Widget saveButton(VoidCallback save) => RemixButton(
  label: 'Save',
  onPressed: save,
  style: ButtonStyler()
      .color(const Color(0xFF2196F3))
      .padding(.horizontal(16))
      .borderRadius(.circular(8))
      .labelColor(const Color(0xFFFFFFFF)),
);

Or install editable theme and component source:

flutter pub add dev:remix_cli
dart run remix_cli:remix init --preset vanilla
dart run remix_cli:remix add button

Place the installed theme above your Navigator in the host’s builder before using its widgets. See setup and host requirements.

• Style components directly.
• Install, customize and update editable source.
• Component catalog · Fortal catalog.
• Examples: Vanilla playground, Fortal catalog, dashboard.
• Architecture decisions preserve rationale and tradeoffs; AGENTS.md routes contributors to source owners and checks.

Agent skills

Install the app UI and design-system authoring skills:

npx skills add btwld/remix