Skill
  • OpenClaw

Frontend Design Extractor

ClawHub

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page tem…

Frontend Design Extractor, Site yapımı ve arayüz alanında bir skill. OpenClaw için hazır kurulum komutu var.

Tüm açıklama

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. Use when analyzing any frontend repo (React/Vue/Angular/Next/Vite/etc.) to document or migrate UI/UX for reuse across projects. Focus on UI/UX only; explicitly ignore business logic and domain workflows.

  • Skill
  • Site yapımı ve arayüz

Kur

Programını seç, komut kendini yazsın.

clawhub install @xsir0/frontend-design-extractor --version 1.0.1

ClawHub CLI gerekir: npm install -g clawhub

Komutlar yayıncının kayıt bilgisinden üretildi; ANG skills bunları çalıştırıp denetlemedi.

Birlikte çalışır

Bu işi baştan sona yapan set.

Benzerleri

Site yapımı ve arayüz alanından.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fr…Kurmak için tıkla

Skill

web-artifacts-builder

anthropics/skills

  • Claude Code
  • Codex
  • OpenCode

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape…Kurmak için tıkla

Skill

brand-landingpage

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode

Toolkit for styling artifacts with a theme.Kurmak için tıkla

Skill

theme-factory

anthropics/skills

  • Claude Code
  • Codex
  • OpenCode

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mo…Kurmak için tıkla

Skill

responsive-design

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode