skills.rest
nicolaiprodromov
nicolaiprodromovCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-design

Translate design briefs into YAML/SCSS/Python Puree UI interfaces for Blender addons.

20|2|Updated Oct 5, 2025
Search Tags:#design#ui#python#yaml#scss#blender#puree
One-click install
npx skills add https://github.com/nicolaiprodromov/puree --skill frontend-design-nicolaiprodromov
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/nicolaiprodromov/puree/tree/main/.agents/skills/frontend-design
Command: npx skills add https://github.com/nicolaiprodromov/puree --skill frontend-design-nicolaiprodromov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating Blender UI add-ons with Puree often leads to inconsistent aesthetics and brittle interfaces. This skill guides designers to produce distinctive, production-grade Puree UI interfaces that are polished and ready for immediate use.

Core Features & Use Cases

  • Generates production-ready YAML/SCSS/Python code for UI panels, dashboards, toolbars, and addon interfaces.
  • Encapsulates design context gathering, aesthetic direction, and implementation guidelines to ensure cohesive results.
  • Suitable for teams delivering Blender add-ons with high design quality and consistent branding.

Quick Start

Describe your target Blender UI panel and context, then request a production-ready Puree UI implementation.

Frequently Asked Questions about frontend-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build production-ready Blender addon UI interfaces with consistent branding?▼

Build Blender addon UI interfaces by translating design briefs into YAML, SCSS, and Python implementations. This approach enforces frontmatter-driven discovery and adherence to Puree aesthetics guidelines, ensuring cohesive, production-grade results for panels and dashboards.

What is the Puree UI design system for Blender panels?▼

Puree UI is a design system for Blender addons that enforces polished, production-grade aesthetics. It uses YAML and SCSS configurations alongside Python to ensure interface components like toolbars and dashboards align with specific brand guidelines.

Can I generate SCSS and YAML code for Blender toolbars and dashboards?▼

Yes, you can generate SCSS and YAML code for Blender toolbars and dashboards. The system translates your design context into these formats alongside Python implementations to create cohesive, distinctive UI interfaces for immediate use.

How do I fix inconsistent aesthetics in my Blender addon interfaces?▼

Fix inconsistent Blender addon aesthetics by applying frontmatter-driven discovery and Puree aesthetics guidelines. This process encapsulates design context gathering and implementation rules to produce polished, cohesive UI panels.

Do I need Python to implement Puree UI tool widgets for Blender?▼

Yes, Python is required to implement Puree UI tool widgets for Blender. The system outputs Python code alongside YAML and SCSS configurations to translate design briefs into functional, production-ready addon interfaces.

Related Skills

Explore More Design & Creative Skills→
nyaariumnyaarium
4

development

Guide Blender addon development, debugging across Windows and WSL, and deployment.

Community
Intermediate
nicolaiprodromovnicolaiprodromov
20

polish

Polish Puree UI components across YAML, SCSS, and Python for visual consistency.

Community
Advanced
SriRamkunamsettySriRamkunamsetty

blender-mcp

Execute bpy code and manage scene objects in Blender over TCP.

Community
Advanced
OpenAEC-FoundationOpenAEC-Foundation
30

blender-syntax-panels

Define Blender Python UI panels, menus, and UI lists with the bpy API.

Official
Intermediate