一键在 Manus 中运行任何 Skill

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 仓库查看创作者相关仓库

下载

在 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

一键运行任何 Skill

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.