Apply SCSS color variables to Puree UI components for visual hierarchy.
npx skills add https://github.com/nicolaiprodromov/puree --skill colorize-nicolaiprodromov
Please help me install this Agent Skill. Skill: colorize Source: https://github.com/nicolaiprodromov/puree/tree/main/.agents/skills/colorize Command: npx skills add https://github.com/nicolaiprodromov/puree --skill colorize-nicolaiprodromov
Add strategic color to Puree UI (YAML/SCSS) that is too monochromatic or lacks visual interest.
Define a small SCSS color palette and apply semantic colors, accents, and surface tones to your Puree UI components.
High-intent search queries and answers about installing and using this skill.
Apply SCSS variables for semantic colors, accents, surfaces, borders, and typography to your Puree UI components. This strategy enforces consistent branding and improves visual hierarchy across dashboards, panels, and widgets.
A Puree UI dashboard looks monochromatic without a defined color strategy. Applying SCSS variables for semantic colors, accents, and surface tones across components adds visual interest and improves user guidance.
Yes, you can enforce accessibility-conscious contrast when colorizing Puree UI. Define SCSS variables for semantic colors and typography to ensure readable text and maintain accessible contrast across component states.
You need a Puree UI project using YAML and SCSS. The colorization process involves defining a limited SCSS color palette and applying those variables to your panels, components, states, and typography.
The best way to manage semantic colors is defining a limited SCSS palette. Use variables for accents, surfaces, borders, and typography to ensure consistent branding and clear hierarchy across all Puree UI widgets.
Avoid applying a global color strategy if your Puree UI design requires highly custom per-component styling outside standard SCSS variables, or if strict monochromatic branding limits the use of semantic accents.
nicolaiprodromovNormalizes Puree UI designs to match SCSS variables and component conventions.
nicolaiprodromovTranslate design briefs into YAML/SCSS/Python Puree UI interfaces for Blender addons.
89jobrienCreate feature design specs and Architecture Decision Records for system architecture documentation.
QuestNova502Generate design token systems in JSON with optional CSS/SCSS exports.
