Automate token-enforced Rayden UI component creation in Figma.
npx skills add https://github.com/anonymouswhite07/Portfolio-v1 --skill rayden-use
Please help me install this Agent Skill. Skill: rayden-use Source: https://github.com/anonymouswhite07/Portfolio-v1/tree/main/.agents/skills/rayden-use Command: npx skills add https://github.com/anonymouswhite07/Portfolio-v1 --skill rayden-use
Build and maintain Rayden UI components and screens directly in Figma using the Figma MCP, enforcing the Rayna UI design system with resolved design tokens, craft rules, anti-pattern detection, and visual validation to ensure consistency and quality across outputs.
Connect your Figma file to the Rayden MCP and begin building a new Rayden UI component with tokens enforced.
High-intent search queries and answers about installing and using this skill.
To enforce design tokens for UI components in Figma, you can use the Figma MCP connection to automatically apply resolved design tokens, craft rules, and anti-pattern detection during component creation. This ensures strict visual consistency and quality across your design outputs.
Yes, you can sync React component updates back to Figma to keep design and implementation aligned. The Skill automates this synchronization process, ensuring that changes in your React codebase are accurately reflected in your Figma design files.
To start automating UI component creation, you need an active Figma MCP connection with write access, along with access to Rayden design tokens, craft rules, and component specs via the designated MCP servers and local tooling.
Yes, the Figma MCP supports full-page screen composition for dashboards, landing pages, and auth forms. A dedicated subagent handles the composition of entire screens while enforcing the design system's token constraints and style modes.
Three style modes are available for designing UI components: conservative, balanced, and expressive. These modes allow for flexible UI expression while still maintaining strict adherence to the underlying design token system and craft rules.
Figma components fail design compliance audits when they contain anti-patterns or unresolved design tokens. The Skill performs visual validation and anti-pattern checks against craft rules to detect and correct these compliance issues automatically.
KRISHNA0RCreate and maintain Rayden UI components in Figma with design token enforcement.
rafazshTranslate Figma designs into code components using project conventions.
NagyViktGenerate and synchronize Figma screens from source code UI structures.
xlelibertyTranslate application pages into Figma screens using design system components.
