ワンクリックでManusで任意のスキルを実行

corex-design

スター59

フォーク3

更新日2026年7月17日 13:56

Load when styling with ui-accent ui-solid ui-size-lg ui-rounded-xl modifiers, editing site.css app.css @import @source "../corex", data-theme data-mode on html, typo layout on body, calling Corex MCP list_modifiers get_component_style list_themes, or when tempted to add custom BEM CSS in templates. Never invent class names.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

corex-ui

corex-ui/corex

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

Corex Design

Rules

No custom CSS in templates — modifiers only. .typo layout on body. Remove daisyUI.

@import "../corex/corex.css";
@source "../corex";

Responsive modifiers

<.accordion class="accordion ui-accent ui-size-sm sm:ui-size-md lg:ui-size-xl" … />
<.timer class="timer ui-accent ui-size-lg ui-rounded-xl" … />

No class on <.heroicon> inside Corex components.

Prefer MCP list_modifiers / get_component_style (corex_mcp) over inventing classes.

Full checklist: sub-rule corex:design.

このリポジトリの他の Skills

同じリポジトリ

corex-mcp

corex-ui/corex

Load when adding {:corex_mcp, only: [:dev, :test]}, configuring plug Corex.MCP in endpoint.ex, editing .cursor/mcp.json or Claude Desktop mcpServers JSON, calling list_components get_component list_modifiers get_component_style list_themes design_guide installation_guide, or when MCP connection refused. Never enable MCP in production.

2026-07-1759

corex-installation

corex-ui/corex

Load when running mix corex.new, mix corex.design, adding {:corex} to mix.exs, configuring esbuild --format=esm --splitting, LiveSocket with csrfToken and hooks: { ...colocatedHooks, ...corex } in assets/js/app.js, use Corex in lib/*_web.ex, type="module" on app.js script tag, toggle.css select.css for mode/theme pickers, or toast_group layout in root layout.

2026-05-2859

corex-api

corex-ui/corex

Load when using Corex.Accordion.set_value, Corex.Dialog.open, phx-click with Corex.* JS commands, socket helpers Corex.*(socket, id, …), controlled mode with value assign, assign_async with accordion_skeleton, toast_group flash, or mix usage_rules.search_docs set_value -p corex. For on_*_change subscriptions use corex-events skill instead.

2026-05-2659

corex-components

corex-ui/corex

Load when adding Corex HEEx in lib/*_web/, registering phx-hooks in app.js, importing assets/corex/components/*.css, Corex.Content.new Corex.List.new Corex.Tree.new Corex.Image.new, compound slots with meta: and :let={item}, or accordion combobox dialog timer select tabs. Call MCP list_components and get_component before guessing attrs or slots.

2026-05-2659

corex-events

corex-ui/corex

Load when adding on_value_change, on_value_change_client, on_focus_change, on_open_change, handle_event for component interaction, controlled mode with value assign, ColocatedHook CustomEvent listeners, phx-update ignore on listener wrapper, or component Events doc pages. For Corex.* imperative helpers use corex-api skill instead.

2026-05-2659

corex-forms

corex-ui/corex

Load when building Phoenix forms with to_form, phx-change validate, phx-submit, field={@form[:name]}, native_input checkbox select switch radio_group in lib/*_web/*_form_live.ex or *_form_live.ex, or when asked about Corex form inputs. Corex has no .form component — use Phoenix.Component.to_form/1.

2026-05-2659

ワンクリックで任意のスキルを実行

name	corex-design
description	Load when styling with ui-accent ui-solid ui-size-lg ui-rounded-xl modifiers, editing site.css app.css @import @source "../corex", data-theme data-mode on html, typo layout on body, calling Corex MCP list_modifiers get_component_style list_themes, or when tempted to add custom BEM CSS in templates. Never invent class names.