livyn-inc

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

Guidance and API specifications for opacity tokens, which are named values used to control transparency in a design system.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A design rule for consistent box shadows in an interface. A box shadow is the blurred outline or depth effect around an element, and the rule supports both light and dark themes.

livyn-inc/AI-design-system-yomogi

Cursor rule Cursor

A guide to spacing tokens and their programming interface. Spacing tokens are named values used to keep gaps and margins consistent.

livyn-inc/AI-design-system-yomogi

Skill Claude CodeCodexCursor

Convert an approved design direction, DCoS output, moodboard notes, or rough product intent into a Yomogi build brief before creating HTML/UI/LP pages. Use when the user asks to prepare a prompt, brief, page plan, information priority, visual rules, token/component mapping, or handoff from DCoS into Yomogi…

livyn-inc/AI-design-system-yomogi

Skill Claude CodeCodexCursor

Facilitate a design-direction conversation before creating UI, LPs, moodboards, images, or brand visuals. Use when the user wants to decide the look and feel, avoid generic SaaS visuals, explore mood, clarify user feelings, or get generation prompts without needing to know the DCoS workflow.

livyn-inc/AI-design-system-yomogi

Skill Claude CodeCodexCursor

Review Yomogi-generated HTML/CSS/UI outputs by running dcs-report, separating measurable violations from AI design review, and explaining findings. Use when the user asks to check, audit, review, score, validate, or inspect a Yomogi page, generated page, design output, contrast, emphasis hierarchy, token usage…

livyn-inc/AI-design-system-yomogi

Skill Claude CodeCodexCursor

Convert check results, dcs-report output, user feedback, or visual critique into a focused Yomogi improvement plan. Use when the user asks how to fix a checked page, prioritize design issues, turn findings into a repair prompt, plan the next edit, or avoid trying to fix structure, visuals, copy, and responsiveness all…

livyn-inc/AI-design-system-yomogi

Skill Claude CodeCodexCursor

Export, inspect, or explain the Yomogi Package for handing design-system assets to another repository, team, portfolio, or external generation tool. Use when the user asks to run export-package, create package files, hand off BRAND.md/tokens.css/components.html/reference.html/PROMPT.md, or explain when package export…

livyn-inc/AI-design-system-yomogi

Instructions file CodexOpenCode

Project-specific instructions for coding agents working on the AI-design-system-yomogi codebase. They describe which design-quality rules remain mandatory and which are recommendations.