AI design system - yomogi -
This repository also configures its own agents. See what AI-design-system-yomogi tells them →
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A set of Cursor rules for making software interfaces easier for people with different access needs to use. It covers layout, readability, checks, and links to accessibility tools and references.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A layout rule describing how a page template connects its header, side navigation, and main-content areas. The terms in the rule are component names, and the text is partly in Japanese.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A set of operating instructions for AI agents working in a specific code repository.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A set of rules describing design and implementation patterns to avoid in a particular design system.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A set of brand guidelines that serves as the destination for DCoS results written back into a project.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
Guidelines for designing user-interface components, such as buttons, forms, and menus. The Japanese description says they follow broader design and token rules.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A Japanese guide for designing and using an alert component, which displays notices or messages in an interface.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A user-image component that shows an image from a URL, alternative text, or fallback initials when no image is available.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A navigation aid that shows the current page’s position within a hierarchy, such as Home › Products › Details.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A set of rules for designing and using button components, the interface controls users click to perform actions.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A set of guidelines for designing cards, such as interface panels or visual content. The guidelines are written in Japanese and are for design decisions rather than fixed implementation code.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A drawer component is a panel that slides in from the left or right side of a page and contains HTML content.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
Design and usage rules for a Dropdown interface component, including its API, operating conventions, style tokens, and AI-operation principles. A dropdown is a control that opens a list of selectable options.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
Implementation details for a FileTree component, which displays folders and files in a navigable tree. They define its items, file-click callback, folder-toggle callback, and container identifier.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A rule for creating either a utility header or a navigation header, with options for a logo, navigation or breadcrumbs, and actions such as text or icon links.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A UI rule defining an IconButton component: a button shown with an icon, with options for its icon source, visual style, colour, size, and state.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
Guidance for designing and using input components, the fields people use to enter information in an interface.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A page-layout component that arranges content in one, two, or three columns and controls width, spacing, and side-panel behavior.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
List({ variant: 'plain'|'divided'|'nav'|'structured'|'ordered'|'unordered', size: 'sm'|'md'|'lg', selection: 'none'|'single'|'multiple', items: Array<.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A rule describing the inputs for a modal dialog component, which is a pop-up window. It specifies the title, HTML content, optional actions, open state, and supported sizes.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A navigation component that displays links in a top bar or side menu, with optional groups, nested items, icons, and an indicator for the current page.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A user-interface rule for adding page navigation when content spans multiple pages. It supports numbered pages, previous and next controls, labels, and an accessible description.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A user-interface helper for creating a popover: a small panel that appears beside a trigger such as a button. It accepts HTML for the trigger and panel and supports four placement directions.
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
A set of rules for designing and using radio components, which let users choose one option from a group.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: