ry-designlisted

# ry-design ## Purpose Run the full rldyour design implementation workflow from source design to browser-validated code. User-facing communication stays in Russian unless requested otherwise. Code, docs, tokens, comments, and commits stay in English. ## When To Use Use this skill without waiting for explicit invocation when the user asks for an end-to-end design result rather than a narrow subtask: - Implement a Figma design, designer mockup, page, component, landing, dashboard, widget, feature UI, or redesign. - Create UI that requires tokens, architecture placement, shadcn/ui or ReactBits components, and browser validation. - Make frontend design work "pixel-perfect", "production-ready", "according to design", or visually and functionally complete. - Coordinate multiple design skills in one task. For very narrow tasks, prefer the matching subskill directly. Use `design-validation` after any meaningful visible implementation even when `/ry-design` is not selected. ## Workflow 1. Establish scope: target page/component, Figma source, required states, responsive frames, business behavior, and acceptance criteria. 2. Use `figma-to-code` if Figma context exists. Figma MCP (`mcp__plugin_rldyour-mcps_figma__*`) is the design source of truth. 3. Use `design-system-implementation` to create or update centralized tokens before scattering raw design values. 4. Use `fsd-frontend-architecture` to place code into strict FSD layers and public APIs. 5. Use shadcn/ui MCP (`mcp__plug