livyn-inc/AI-design-system-yomogi

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A Japanese guide for designing and using Select components, which let users choose an option from a list.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

Design and operating rules for a switch component, such as an on-or-off control in a user interface.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A table component that displays column headers and rows of data, with options for borders, spacing, captions, vertical lines, and adjustable column widths.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A specification for a tabbed interface, where users switch between related sections without leaving the page. It defines the tab items, selected tab, size, and spacing.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A guide to designing and using tag components, which are small interface labels used to classify or describe items.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A set of design and usage rules for a TextArea component, the multi-line text field used in forms.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

Guidance for designing and using toast components. A toast is a small temporary message that appears in an app to report an event or result.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A user-interface rule for creating a tooltip: a small text box that appears next to an element. It supports custom trigger HTML, content, placement, and an accessibility ID.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A specification for a website top bar: the horizontal area that can contain a logo, navigation links, and actions. It also defines background, style variant, and whether the bar stays visible while scrolling.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A checklist for design implementation. The description does not specify which design checks it contains.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A glossary for design-system terms, including abbreviations and their full names.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

Layout template rules for building reusable page layouts with slots and optional extensions.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A set of Cursor rules for structuring global navigation in a user interface. Cursor rules are instructions that guide an AI coding tool while it works on a project.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A collection of component-use patterns written in Japanese. Components are reusable parts of a software interface, such as buttons, forms, or menus.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A system for reinterpreting design principles, with an explanation of its overall logic. The description is in Japanese and gives no more specific details.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A set of design principles: guidelines for making consistent design decisions.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A set of operating flows and procedures organised by the destination where they are used. The description is in Japanese and does not specify the destinations or procedures.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A lightweight initialization flow for introducing a system or project. The available information does not describe its individual steps.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A question list for the first discussions when introducing a design system, a shared set of rules for a product’s visual design. It is meant to change as the project develops.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A project-wide operations and design guide written in Japanese. It defines the project's rules, including their order of priority.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

Rules for documenting and implementing Storybook component states in a matrix of sizes and states. Storybook is a tool for viewing and testing interface components separately from an application.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

Rules for using and naming design tokens, which are shared values for things such as colours, spacing, and type sizes.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A guide to using colour tokens, named values that keep interface colours consistent, and the related API specification.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A guide to font tokens and their API specification. Font tokens are shared named settings for text styles such as typeface, size, and spacing.