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
Breadcrumb({ items: Array , separator?: string, // 例: '/', '›'（既定: '/'） size?: 'sm' | 'md', // 既定: 'md' maxVisible?: number, // 省略発動の閾値（既定: 5） collapseMode?: 'middle' | 'start' | 'end' // 省略方式（既定: 'middle'） }).
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
Header({ variant: 'utility' | 'navigation', // デフォルト: 'utility' logo: { text?: string, icon?: string, href?: string } | string | null, navigation?: string, // Breadcrumb または Navigation コンポーネントの HTML actions: [ { type: 'text', content: string } | { type: 'icon', icon: string, href?: string, ariaLabel?: string } | {…
livyn-inc/AI-design-system-yomogi
Cursor rule Cursor
IconButton({ icon: string, // SVG または Lucide の HTML variant?: 'solid'|'outline'|'ghost'|'outline-solid'|'ghost-solid', // 既定: 'ghost' color?: 'primary'|'neutral'|'negative'|'absolute-white'|'absolute-black', // 既定: 'neutral' size?: 'sm'|'md'|'lg', // 既定: 'md'（高さは Button と一致） 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
PageTemplate({ columns: 'one-col' | 'two-col' | 'three-col', // 既定: 'two-col' stickyAside: boolean, // 既定: false（サイドを固定するか） density: 'compact' | 'default' | 'comfortable',// 既定: 'default' container: 'constrained' | 'full', // 既定: 'constrained' maxWidth: 'md' | 'xl' | '5xl' | '7xl', // 既定: '7xl'（layout-max-width- に準拠）…
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
Navigation({ variant: 'top' | 'side', items: [ // 通常アイテム { label, href?, current?, leftIcon?, rightIcon?, defaultOpen?, children?: Item[] }, // セクション（グルーピング） { type: 'section', title, items: Item[], group?: 'divider' | 'space' } ] }).
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
Popover({ triggerHtml: string, // トリガー要素のHTML（既定: 標準ボタン） content: string, // パネル内HTML placement: 'top' | 'right' | 'bottom' | 'left' // 既定: 'bottom' }).
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.