skills.rest
ACHVMR
ACHVMROFFICIAL
Explore all skills by this author →
GitHub

smelteros-creative-build-directive

Define SmelterOS landing page and UI component blueprints with color tokens and animation specs.

1|Updated Jan 1, 2026
Search Tags:#frontend#animation#creative#ui-design#component-library#smelteros
One-click install
npx skills add https://github.com/ACHVMR/SmelterOS --skill smelteros-creative-build-directive
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: smelteros-creative-build-directive
Source: https://github.com/ACHVMR/SmelterOS/tree/main/.agent/skills/smelteros-creative-build
Command: npx skills add https://github.com/ACHVMR/SmelterOS --skill smelteros-creative-build-directive

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The SmelterOS Creative Build Directive provides a unified, implementable blueprint for crafting the landing page and core SmelterOS pages with an industrial-modern aesthetic.

Core Features & Use Cases

  • Establishes visual language and branding guidelines including Molten Forge color tokens, animation motifs, and typography for the Landing Page and Foundry UI.
  • Defines architecture mappings and page scaffolding for the Foundry Home, Circuit Box, AVVA NOON hub, and landing page, enabling cohesive development across teams.
  • Enables rapid prototyping and consistent delivery by providing explicit component definitions, animation specs, and file conventions to accelerate implementation and iteration.

Quick Start

Implement the landing page and core SmelterOS pages using the Molten Forge directive.

Frequently Asked Questions about smelteros-creative-build-directive

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

FAQPage Schema
How do I establish a unified design system for an industrial UI landing page?▼

An industrial UI landing page design system requires a unified blueprint that defines color tokens, animation motifs, and typography to align branding and interaction design across all pages and components.

What is included in a UI component library blueprint for frontend design?▼

A frontend UI component library blueprint includes documented component definitions, color tokens, animation specs, and file structure conventions to enable cohesive development and rapid prototyping.

How do I scaffold a multi-page frontend architecture with consistent branding?▼

Scaffold multi-page frontend architecture by defining architecture mappings and page scaffolding for core interfaces like the Foundry Home and hub pages, ensuring cohesive development and consistent interaction design across teams.

Can I use this creative directive to prototype a foundry interface and landing page together?▼

Yes, the creative directive supports prototyping both a foundry interface and landing page together by providing explicit page scaffolding, component definitions, and animation specs to accelerate implementation and iteration.

What are the limitations of using a design directive for frontend animation guidelines?▼

A design directive for frontend animation guidelines is limited to providing documentation, visual language rules, and file conventions; it does not supply executable code, runtime dependencies, or direct deployment scripts for the interfaces.

Related Skills

Explore More Design & Creative Skills→
ether-moonether-moon

setup

Initialize or update Knowledge Distillery vault, workflows, and directives in a project.

Community
Advanced
sandgardenhqsandgardenhq
130

frontend-design

Design and generate distinctive frontend interfaces with HTML, CSS, JavaScript, React, or Vue.

Official
Intermediate
tomerkedemtomerkedem

emil-design-eng

Apply Emil Kowalski's design engineering principles to UI reviews and animation decisions.

Community
Advanced
ACHVMRACHVMR

oracle-design

Codify reusable design tokens and CSS variables for SmelterOS frontend UI.

Official
Advanced