Design RadFlow UI components with semantic tokens and System 7 styling.
npx skills add https://github.com/Radiants-DAO/radtools --skill radflow-design
Please help me install this Agent Skill. Skill: radflow-design Source: https://github.com/Radiants-DAO/radtools/tree/main/.archive/docs-review/skills/radflow-design Command: npx skills add https://github.com/Radiants-DAO/radtools --skill radflow-design
Design and implement production-grade UI components that embody RadFlow's System 7 heritage and warm California personality, ensuring pixel-perfect, on-brand code aligned with design tokens.
Describe a new RadFlow UI component using the RadOS System 7 styling rules and semantic tokens.
High-intent search queries and answers about installing and using this skill.
To design UI components with semantic tokens, apply token-driven styling rules that map to hierarchical radii, hard pixel shadows, and typography, ensuring consistency across light and dark modes without hard-coded colors.
The best way to build a scalable RadFlow UI module is to implement production-grade components using System 7 aesthetic rules, semantic design tokens, and guided styling for border radii and component lift to ensure cohesive UX.
Typography and border radius scaling for pixel-perfect UI components works by enforcing specific design rules that apply hierarchical radii and typography tokens, ensuring text and shapes align visually across both light and dark themes.
Yes, you need to use RadFlow semantic design tokens to apply the System 7 aesthetic, as this enforces the design rules for border radii, hard pixel shadows, and typography while avoiding hard-coded colors across themes.
No, you cannot use hard-coded colors when creating RadFlow UI components; the system requires token-driven styling using semantic design tokens to maintain visual consistency across light and dark modes.
The limitation of using hierarchical radii and hard pixel shadows is that you must strictly follow RadFlow's guided design rules for component lift and styling, preventing arbitrary visual deviations across your app UI.
fantay0312Generate a DESIGN.md documenting design tokens and layout principles from Stitch project assets.
michaelayoadeAudit web page visual design against the Industrial Modern DotMac design system.
qdzshCodify UI polish principles for typography, shadows, and motion.
JBonfimDesign editorial-style web interfaces with warm monochrome and strict UI constraints.
