bbucle-road-dev

Automate 뿌클로드 venue page creation and updates from Figma assets.

7|Updated Mar 15, 2025
One-click install
npx skills add https://github.com/Stair-Crusher-Club/scc-app --skill bbucle-road-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bbucle-road-dev
Source: https://github.com/Stair-Crusher-Club/scc-app/tree/main/.claude/skills/bbucle-road-dev
Command: npx skills add https://github.com/Stair-Crusher-Club/scc-app --skill bbucle-road-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

뿌클로드 페이지 개발과 관리에서 새 venue 추가, 기존 venue 수정, Figma 디자인 반영 작업을 일관되고 재현 가능하게 수행합니다.

Core Features & Use Cases

  • Figma 구조 파악 및 메타데이터 취합을 통해 페이지 구성 요소를 매핑합니다.
  • 각 노드의 합성 프레임 여부를 구분하고, 필요한 경우 합성 프레임을 export합니다.
  • CSS/레이아웃 차이를 분석하고, 이미지 데이터 및 스타일을 검증합니다.
  • 이미지 Export 및 업로드 절차를 따라 뿌클로드 페이지의 시각 자산을 관리합니다.

Quick Start

Figma 메타데이터를 확인하고 새 뿌클로드 venue 페이지를 생성하거나 기존 페이지를 업데이트하십시오.

Frequently Asked Questions about bbucle-road-dev

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

FAQPage Schema
How do I build venue pages from Figma designs and keep visual consistency?

To build venue pages from Figma designs and keep visual consistency, you can automate the end-to-end workflow by mapping structured Figma metadata to UI layouts, differentiating composite frames, and validating CSS styles to ensure aligned visual assets.

How do I map Figma nodes to UI layouts for venue management?

Mapping Figma nodes to UI layouts for venue management involves analyzing the design structure, gathering metadata, and identifying whether each node is a composite frame to correctly export required visual elements and align the page.

What is the process to validate CSS and layout differences when updating existing venue pages?

Validating CSS and layout differences when updating existing venue pages requires analyzing the current UI against Figma designs, verifying image data and styles, and following an export and upload procedure to correct visual inconsistencies.

Do I need structured metadata to add new venues and align UI with Figma?

Yes, structured metadata is required to add new venues and align UI with Figma. Clear node mapping and structured metadata are necessary prerequisites to automate the page creation and ensure visual consistency across the platform.

When should I export composite frames during Figma design development?

You should export composite frames during Figma design development when the automated workflow distinguishes a node as a composite frame, allowing you to extract the necessary image data and manage visual assets for the venue page.