skills.rest
langliu
langliuCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

lan-hu-app

Automate Lanhu design platform asset extraction and code generation with Playwright.

1|Updated Jan 24, 2026
Search Tags:#automation#design#assets#code extraction#export#lanhu
One-click install
npx skills add https://github.com/langliu/skills --skill lan-hu-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lan-hu-app
Source: https://github.com/langliu/skills/tree/main/skills/lan-hu-app
Command: npx skills add https://github.com/langliu/skills --skill lan-hu-app

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates tedious tasks related to the Lanhu design platform, streamlining the process of obtaining design assets and code snippets.

Core Features & Use Cases

  • Automated Login: Securely logs into your Lanhu account.
  • Asset Export: Downloads design mockups, CSS/HTML code, and sliced image assets.
  • Style Extraction: Quickly extracts CSS/HTML code annotations from Lanhu pages.
  • Use Case: You need to export all design assets for a specific page from Lanhu to integrate into your development project.

Quick Start

Use the lan-hu-app skill to export the design resources from the provided Lanhu page URL.

Frequently Asked Questions about lan-hu-app

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

FAQPage Schema
How do I extract CSS and HTML code from Lanhu design pages?▼

To extract CSS and HTML code from Lanhu design pages, this Skill automates browser interaction using Playwright to securely log in and pull style annotations directly from your specified Lanhu URL.

Can I download sliced images and design mockups from Lanhu automatically?▼

Yes, you can download sliced images and design mockups from Lanhu automatically. The Skill orchestrates asset export by navigating the platform and retrieving the necessary visual resources for your project.

Do I need Playwright installed to automate Lanhu design workflows?▼

Yes, you need Playwright installed to automate Lanhu design workflows. This Skill utilizes Playwright for browser automation and requires Bun or pnpm for executing the export and extraction scripts.

What is the best way to integrate Lanhu design assets into a development project?▼

The best way to integrate Lanhu design assets is automating the extraction process to bulk download mockups, CSS/HTML code, and sliced images, streamlining the handoff between design and development.

How does browser automation handle secure login to the Lanhu platform?▼

Browser automation handles secure login to the Lanhu platform by using Playwright to control the browser session, allowing the Skill to securely access your account and navigate to pages for code and asset extraction.

Related Skills

Explore More Design & Creative Skills→
kngender5kngender5

browser-sso-automation

Automate SSO login on Feide, Canvas LMS, and Panopto using Playwright.

Community
Advanced
SteepCraftSteepCraft

frontend-design

Translate design direction into accessible frontend code for React, Vue, or HTML/CSS.

Community
Advanced
rcarmorcarmo
147

Frontend bundling via Bun/Node

Automate frontend bundling and typechecking with Bun or Node tooling.

Community
Intermediate
hoodinihoodini
262

figma

Convert Figma design data into React components, CSS, and Tailwind tokens.

Community
Intermediate