domains / families / software-engineering / rayden-code

rayden-code

authentic

Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

When to use

• You're building a new page or feature using Rayden UI components
• You want to scaffold a dashboard, landing page, auth screen, settings page, or data table
• You need to generate React code that follows a specific design system precisely
• You want to prototype UI quickly with correct component usage and premium aesthetics
• You're vibe coding and want design-system-compliant output

When not to use

• Use this skill only when the task clearly matches the scope described above.
• Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
• Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Skill page

Source