Apply project design-dna tokens to frontend UI decisions.
npx skills add https://github.com/adilkalam/orca --skill frontend-aesthetics-adilkalam
Please help me install this Agent Skill. Skill: frontend-aesthetics Source: https://github.com/adilkalam/orca/tree/main/skills/frontend-aesthetics Command: npx skills add https://github.com/adilkalam/orca --skill frontend-aesthetics-adilkalam
Elevates frontend aesthetics by avoiding generic AI UI and respecting design-dna tokens.
Load the Frontend Aesthetics skill and justify design decisions with token references.
High-intent search queries and answers about installing and using this skill.
Load your project's design-dna and token definitions first, then apply token-based rules for color, typography, spacing, and motion to guide UI decisions. This ensures AI-generated interfaces respect your design system instead of producing generic output.
Yes. Design tokens enforce consistency across web, Expo, and iOS by centralizing color, typography, spacing, and motion rules. This approach keeps all frontends aligned to your project's visual language and design constraints.
Reference specific tokens and design rules from your design-dna when proposing UI treatments. This creates a traceable connection between each decision and your design system, ensuring choices remain intentional and distinctive rather than arbitrary.
Design tokens codify your project's distinctive aesthetic rules—colors, typography, spacing, motion—so AI generation stays grounded in your brand identity. Without tokens, AI defaults to neutral, undifferentiated patterns.
Yes. Your project must have design-dna and token definitions already in place. This Skill applies those tokens to guide UI decisions; it doesn't generate tokens from scratch.
musher-devDefine color tokens, typography systems, and spatial rules for marketing pages.
CANTAGESTUDIOAudit CSS/SCSS and SwiftUI layouts for off-scale and inconsistent spacing values.
ydnikolaevBuild cohesive design systems and token libraries for web and mobile projects.
coroborosGenerate a DESIGN.md with design tokens and atmosphere calibration for web projects.
