skills.rest
rickylabs
rickylabsCOMMUNITY
Explore all skills by this author →
GitHub

fresh-ui-horizontal

Automate Fresh UI design-system slice implementation in Harness v3 environments.

Updated Jun 4, 2026
Search Tags:#UI implementation#Automation#Fresh UI#Harness v3#Design-system slicing
One-click install
npx skills add https://github.com/rickylabs/netscript --skill fresh-ui-horizontal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fresh-ui-horizontal
Source: https://github.com/rickylabs/netscript/tree/main/.agents/skills/fresh-ui-horizontal
Command: npx skills add https://github.com/rickylabs/netscript --skill fresh-ui-horizontal

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the execution of Fresh UI design-system slices under Harness v3, providing a streamlined process for implementing UI components from a registry to a scaffolded UI page.

Core Features & Use Cases

  • Design-System Slicing: Execute design-system slices programmatically.
  • Authority Chain: Follows a strict authority chain for contracts and theming.
  • Component Integration: Integrates components into the consuming app's UI.

Quick Start

Run the skill to implement a Fresh UI design-system slice according to the specified authority chain and guidelines.

Frequently Asked Questions about fresh-ui-horizontal

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

FAQPage Schema
How do I automate Fresh UI design-system slicing within a Harness v3 environment?▼

You can automate Fresh UI design-system slicing by executing this Skill, which streamlines UI component implementation from a registry source directly to a validated UI page. It requires execution within Harness v3 and adherence to design-system standards.

What is the authority chain for implementing Fresh UI components?▼

The authority chain is a strict set of predefined rules and contracts that the slicing process follows for theming and component integration. It ensures the scaffolded UI page adheres to required design-system standards during execution.

Can I use this design-system slicing tool outside of a Harness v3 setup?▼

No, this specific design-system slicing tool requires execution within Harness v3 environments. It relies on the framework's internal architecture to scaffold the UI page and validate the integrated components.

How do I integrate UI components from a registry into my consuming app?▼

To integrate UI components from a registry, run the Skill to execute the design-system slice according to the specified authority chain. It programmatically scaffolds the validated UI page and integrates the components into the consuming app.

Related Skills

Explore More Software Engineering Skills→
chriswchchriswch
2

craft

Orchestrate the Praxis craft workflow with checkpoints between stages.

Community
Advanced
ludsonaielloludsonaiello

frontend

Build Next.js UI components, pages, and forms from verified API contracts.

Community
Advanced
figmafigma
1.9k

implement-design

Translate Figma designs into UI code using design tokens and existing components.

Official
Advanced
NagyViktNagyVikt
2

figma-generate-design

Generate and synchronize Figma screens from source code UI structures.

Community
Advanced