{
  "schemaVersion": 1,
  "id": "r_6",
  "name": "Large orders from new customers need approval",
  "description": "Anything over 1,000 from a new customer, or backdated, is held for a human.",
  "kind": "validation",
  "status": "draft",
  "version": 1,
  "priority": 0,
  "enabled": true,
  "tags": [
    "orders",
    "approval"
  ],
  "when": {
    "kind": "group",
    "id": "g_5",
    "combinator": "all",
    "children": [
      {
        "kind": "condition",
        "id": "c_1",
        "left": {
          "source": "field",
          "path": "order.total"
        },
        "operator": "greaterThan",
        "args": [
          {
            "source": "literal",
            "value": 1000
          }
        ]
      },
      {
        "kind": "group",
        "id": "g_4",
        "combinator": "any",
        "children": [
          {
            "kind": "condition",
            "id": "c_2",
            "left": {
              "source": "field",
              "path": "customer.tier"
            },
            "operator": "equals",
            "args": [
              {
                "source": "literal",
                "value": "new"
              }
            ]
          },
          {
            "kind": "condition",
            "id": "c_3",
            "left": {
              "source": "field",
              "path": "order.placedAt"
            },
            "operator": "before",
            "args": [
              {
                "args": [],
                "source": "function",
                "name": "today"
              }
            ]
          }
        ]
      }
    ]
  },
  "then": [
    {
      "id": "a_hold",
      "type": "requireApproval"
    }
  ],
  "otherwise": [
    {
      "id": "a_auto",
      "type": "autoApprove"
    }
  ],
  "metadata": {
    "createdAt": "2026-07-26T00:00:00.000Z",
    "updatedAt": "2026-07-26T00:00:00.000Z"
  }
}

@adysre/rules-corestringifyRule()

平易な文章で

Large orders from new customers need approval

When all of these are true:

Order total is greater than 1,000

any of these are true:

Tier is "new"

Placed at is before today

Then require approval

Otherwise auto approve

@adysre/rules-rendererdescribeRule()

注文に対して実行

実行した対象の注文: Order total2400; Placed at"2026-07-26"; Tier"new"

一致

判定の内訳

greaterThanmatched
equalsmatched
groupmatched
groupmatched

適用されたアクションrequireApproval

@adysre/rules-coreevaluateRule()

27
演算子: 23
関数: 7
ルールの種類

ルールエンジンを開く

APIスタジオ

自分のスタックの中で動くAPIクライアント

コレクション、環境、認証、アサーションを、ここで作る他のすべてと同じ場所にセルフホスト。リクエストは自分のサーバーで実行されるので、送った内容が他人の手に渡ることはありません。

POSTCreate orderProduction

コレクション

Orders API

GETList orders
POSTCreate order
PATCHUpdate order
DELETECancel order

POST{{baseUrl}}/v1/orders送信

パラメーター2ヘッダー3ボディ認証テスト3

ボディ

{
  "customerId": "{{customerId}}",
  "items": [
    { "sku": "ADY-2410", "quantity": 2 }
  ],
  "currency": "EUR"
}

201 Created時間 128 msサイズ 412 B

{
  "id": "ord_7Kd91",
  "status": "confirmed",
  "total": 148.5,
  "currency": "EUR",
  "items": [
    { "sku": "ADY-2410", "quantity": 2 }
  ],
  "createdAt": "2026-07-27T09:14:02.881Z"
}

アサーション3/3

status equals 201passed
responseTime lessThan 500passed
jsonPath $.status equals confirmedpassed

9
HTTPメソッド: 9
認証方式: 6
ボディ形式: 11
アサーション演算子

APIスタジオを開く

コレクションとフォルダー
環境と変数
認証を標準搭載
リクエスト履歴
アサーションとテスト
セルフホスト

オープンソース

コピペではなく、npm から導入する

このサイトにあるブロック、アイコン、グラデーション、パターン、テクスチャのすべてがインストール一回で使えます。型付き、ツリーシェイク対応、React でも Next.js でもそのまま。

npm で見るカタログを見る

adysrev0.2.0MIT ライセンス

$npm install adysre

スタイルは最初の一度だけ

インポート一行でデザイントークンが入り、Tailwind がパッケージを走査するようになります。Tailwind を使っていない場合はコンパイル済みのスタイルシートを読み込んでください。

app/globals.css

@import "tailwindcss";
@import "adysre/styles.css";

あとは自由にインポート

領域ごとにエントリーポイントが分かれているため、ボタン一つのためにカタログ全体がバンドルされることはありません。

app/page.tsx

import { Button } from 'adysre';
import { ArrowUpRight } from 'adysre/icons';
import { GradientSurface } from 'adysre/gradients';
import { AboutStats } from 'adysre/blocks';

export default function Page() {
  return (
    <GradientSurface gradient="warm-flame" className="rounded-2xl p-10">
      <AboutStats
        title="Where we are after six years"
        stats={[
          { label: 'People', value: '12' },
          { label: 'Projects shipped', value: '148' },
        ]}
      />
      <Button>
        Read the docs <ArrowUpRight size={16} />
      </Button>
    </GradientSurface>
  );
}

含まれるもの

テンプレート

セクションではなく、サイトまるごと

31 種類のフルテンプレート。全ページをまとめて設計してあり、どのセクションも自由に編集できます。ライブでプレビューし、プロンプトで複製し、動くプロジェクトとしてダウンロードできます。

31 件すべてを見るどのプランにも追加料金なしで含まれます。

流れ

白紙からリリースまで、3 ステップで

どのモジュールも同じ流れ。チーム全員が同じように進められます。

01
探す
すべてのモジュールを横断検索し、決める前に各結果をライブでプレビュー。
02
調整する
色、ウェイト、フレームワークを調整し、トークンに合った出力をコピー。
03
届ける
プロダクトに貼り付けてそのまま前進。手直しもロックインもありません。

FAQ

よくある質問

始める前に知っておきたいこと。

お問い合わせ

ADYSRE とは？

コンポーネント、アイコン、パレット、グラデーション、テンプレートを一つにまとめ、プロダクトにコピーできるデザインと開発のワークスペースです。

対応フレームワークは？

コンポーネントは HTML、CSS、Tailwind、React、Next.js、TypeScript で提供され、多くのモダンな構成に組み込めます。

テンプレートはいつ？

テンプレートは開発中です。テンプレートページで内容をプレビューし、公開をいち早く受け取れます。

無料プランはありますか？

はい。カードなしで充実した無料分を利用できます。一度の支払いで、今後の追加分も含めてすべて解放されます。

チーム全員で使えますか？

はい。チームアクセスは組織で一つのワークスペースを共有し、全員が同じモジュールを使えます。

まだ質問がありますか？導入をお手伝いします。

摩擦の少ない開発を始めませんか？

ワークスペースを開き、サイドメニューから全モジュールを閲覧。セットアップも手直しも不要。

ワークスペースを開く料金を見る

閲覧にカードは不要ですモダンなプロダクトチームのために。

チームに必要なすべてのブロック、カラー、ツールを、静かな一つのワークスペースに

どんなサイトの問題も正確に把握

一つのワークスペースに、あらゆる部品

コンポーネント

アイコン

カラーとサーフェス

テンプレート

画像・ユーティリティツール

デザインプレイグラウンド

決める前に動きを確認

ビジネスルールエンジン

ルール

平易な文章で

注文に対して実行

自分のスタックの中で動くAPIクライアント

コピペではなく、npm から導入する

スタイルは最初の一度だけ

あとは自由にインポート

含まれるもの

セクションではなく、サイトまるごと

Aster

Crestline

Haven

Nebula

Solène

Wander

白紙からリリースまで、3 ステップで

探す

調整する

届ける

よくある質問

摩擦の少ない開発を始めませんか？

チームに必要なすべてのブロック、カラー、ツール を、静かな一つのワークスペースに

毎週成長中

どんなサイトの問題も正確に把握

一つのワークスペースに、あらゆる部品

コンポーネント

アイコン

カラーとサーフェス

テンプレート

画像・ユーティリティツール

デザインプレイグラウンド

決める前に動きを確認

ビジネスルールエンジン

ルール

平易な文章で

注文に対して実行

自分のスタックの中で動くAPIクライアント

コピペではなく、npm から導入する

スタイルは最初の一度だけ

あとは自由にインポート

含まれるもの

セクションではなく、サイトまるごと

Aster

Crestline

Haven

Nebula

Solène

Wander

白紙からリリースまで、3 ステップで

探す

調整する

届ける

よくある質問

摩擦の少ない開発を始めませんか？

チームに必要なすべてのブロック、カラー、ツールを、静かな一つのワークスペースに