skyline-components

Standardize Skyline UI component development with YAML frontmatter and entry files.

Updated Dec 19, 2025
One-click install
npx skills add https://github.com/yyds-x/walk --skill skyline-components-yyds-x
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: skyline-components
Source: https://github.com/yyds-x/walk/tree/main/.agents/skills/skyline-components
Command: npx skills add https://github.com/yyds-x/walk --skill skyline-components-yyds-x

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a unified blueprint for developing Skyline UI components, aligning patterns across scroll-view, swiper, and other building blocks to reduce rework.

Core Features & Use Cases

  • Standardized component patterns for common Skyline blocks (scroll-view, swiper, text/image, inputs, draggable sheets, share-element) to speed up delivery.
  • Real-world use cases include dashboards, catalogs, and mobile interfaces.

Quick Start

Create a skyline-components skill following this guide and organize any related resources under scripts/, references/, and assets/ as needed.

Frequently Asked Questions about skyline-components

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

FAQPage Schema
How do I build reusable Skyline UI components for scroll-view and swiper layouts?

Building reusable Skyline UI components requires standardizing patterns for scroll-view and swiper layouts to reduce rework. This approach enforces YAML frontmatter, a root-level entry file, and optional resources directories to ensure consistent discovery and load-time behavior across mobile interfaces.

What is the best way to implement share-element animations in Skyline?

Implementing share-element animations in Skyline requires following standardized component development patterns. This blueprint ensures consistent discovery and load-time behavior by enforcing YAML frontmatter and a root-level entry file, addressing real-world app needs like dashboards and catalogs.

Does Skyline support draggable sheets and form controls for mobile interfaces?

Yes, Skyline supports draggable sheets and form controls for mobile interfaces. This component development guidance standardizes how teams construct reusable UI blocks, covering everything from image and text components to draggable sheets to address real-world app needs.

How do I structure a Skyline component project to ensure consistent load-time behavior?

To ensure consistent load-time behavior in a Skyline component project, enforce YAML frontmatter and a root-level entry file. You can also organize related resources under optional directories like scripts, references, and assets as needed for your specific component requirements.

Can I use Skyline components for dashboards and catalogs without causing rework?

Yes, you can use Skyline components for dashboards and catalogs without causing rework. The unified blueprint provides standardized patterns for common Skyline blocks, aligning patterns across scroll-view, swiper, and other building blocks to speed up delivery.

Why do I need YAML frontmatter when developing Skyline UI blocks?

You need YAML frontmatter when developing Skyline UI blocks to ensure consistent discovery and load-time behavior. Standardizing this alongside a root-level entry file and optional resources directories provides a unified blueprint for developing components across different teams.