Run any Skill in Manus with one click

lorairo-design

Stars1

Forks0

UpdatedJune 27, 2026 at 01:41

Use this skill to generate well-branded interfaces and assets for LoRAIro (a Japanese desktop tool for preparing image datasets for LoRA / fine-tune training), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

NEXTAltair

NEXTAltair/LoRAIro

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

File Explorer

100 files

SKILL.md

readonly

name	lorairo-design
description	Use this skill to generate well-branded interfaces and assets for LoRAIro (a Japanese desktop tool for preparing image datasets for LoRA / fine-tune training), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
user-invocable	true

Read the readme.md file within this skill, and explore the other available files.

If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.

If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts or production code, depending on the need.

Orientation

readme.md — the full design guide: product context, content + visual foundations, iconography, manifest.
styles.css + tokens/ — link styles.css and use the CSS custom properties (var(--accent), var(--paper), var(--font-mono) …). Never hard-code hex.
components/<group>/ — reusable React primitives (Button, Chip, Card, DataTable, Tabs, Thumbnail, StageCard, ModelRow, Terminal …). Each has a .prompt.md with a usage example. Read components off window.LoRAIroDesignSystem_64d8f7 after loading _ds_bundle.js.
guidelines/ — foundation specimen cards (colours, type, spacing, chip grammar, logo).
ui_kits/lorairo-app/ — an interactive recreation of the desktop app; the best reference for how real screens are composed.

The brand in one breath

Warm paper & ink desktop tool, single terracotta accent, Noto Sans JP + JetBrains Mono, dense multi-pane layout, borders-not-shadows, Japanese-first copy with English identifiers, Unicode-glyph iconography (no emoji, no icon set), one dark surface (the JSONL terminal pane). Numbers everywhere, monospaced. Chip dot grammar: ● available / ○ needs-action.

More from this repository

same repository

agent-pr-maintainer

NEXTAltair/LoRAIro

Maintain an agent-created LoRAIro pull request after creation or after draft-to-ready transition: mark reviewable draft PRs ready, poll CI and review comments with gh, repair failures in the same worktree/session, reply in Japanese, escalate design loops, and squash merge when safe. Use after creating PRs or when asked to continue PR maintenance automation.

2026-06-271

agent-pr-autoloop

NEXTAltair/LoRAIro

Run LoRAIro PR maintenance to completion automatically after an agent creates a PR or a draft PR becomes ready for review: keep polling CI and bot review with gh, repair failures and reply in Japanese in the same worktree, escalate design loops, and squash merge when safe, without waiting for a human to restart each poll cycle. Use right after an agent-created PR exists or transitions draft-to-ready. Do NOT use for human-authored PRs, and do NOT redefine repair/merge/escalation policy here (that lives in agent-pr-maintainer).

2026-06-271

lorairo-design-capture

NEXTAltair/LoRAIro

Capture LoRAIro design from the wireframes operation prototype or claude.ai/design recreations correctly. Use when syncing/mirroring design, reconciling Qt (.ui) or the DS AppShell with the design, or when nav/tab order, layout, or grouping looks off between the app and the prototype. The prototype's effective state is produced by render-time JS (e.g. restructureNav), so static-HTML grep alone misses it.

2026-06-271

lorairo-qt-widget

NEXTAltair/LoRAIro

PySide6 widget technical implementation for LoRAIro GUI. Covers Signal/Slot patterns, Direct Widget Communication, Qt Designer integration, and async workers. For design intent and aesthetics, use interface-design skill first.

2026-06-231

interface-design

NEXTAltair/LoRAIro

Interface design skill for dashboards, admin panels, apps, and tools. NOT for marketing design. Provides design intent, domain exploration, craft principles, and component-driven design-tool↔code sync. For PySide6/Qt technical implementation, use lorairo-qt-widget skill.

2026-06-221

okf-bundle

NEXTAltair/LoRAIro

Maintain a directory of markdown docs as an Open Knowledge Format (OKF) bundle in any project: ensure each concept file has valid OKF frontmatter (required `type`, plus optional title/description/tags/timestamp), keep frontmatter the single source of truth, and regenerate the derived index.md (and an optional human-readable table) from it. Use when adding/editing concept docs (ADRs, knowledge bases, glossaries) or when a bundle's index looks stale. Project-specific drift detection stays in the project.

2026-06-191

name	lorairo-design
description	Use this skill to generate well-branded interfaces and assets for LoRAIro (a Japanese desktop tool for preparing image datasets for LoRA / fine-tune training), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
user-invocable	true

Read the readme.md file within this skill, and explore the other available files.

Orientation

readme.md — the full design guide: product context, content + visual foundations, iconography, manifest.
styles.css + tokens/ — link styles.css and use the CSS custom properties (var(--accent), var(--paper), var(--font-mono) …). Never hard-code hex.
components/<group>/ — reusable React primitives (Button, Chip, Card, DataTable, Tabs, Thumbnail, StageCard, ModelRow, Terminal …). Each has a .prompt.md with a usage example. Read components off window.LoRAIroDesignSystem_64d8f7 after loading _ds_bundle.js.
guidelines/ — foundation specimen cards (colours, type, spacing, chip grammar, logo).
ui_kits/lorairo-app/ — an interactive recreation of the desktop app; the best reference for how real screens are composed.