frontend-dev

Translate frontend design briefs into browser-based user interfaces.

30|1|Updated Apr 15, 2026
One-click install
npx skills add https://github.com/qianleigood/crawclaw --skill frontend-dev-qianleigood
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-dev
Source: https://github.com/qianleigood/crawclaw/tree/main/skills/frontend-dev
Command: npx skills add https://github.com/qianleigood/crawclaw --skill frontend-dev-qianleigood

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The Frontend implementation skill helps teams translate design briefs into polished, browser-facing user interfaces.

Core Features & Use Cases

  • It emphasizes visual hierarchy, motion, and responsive layout to deliver high-quality browser experiences.
  • It guides asset workflow, motion design, and UI polish for landing pages, dashboards, and app UIs.
  • It supports evaluating design dials and production readiness for front-end deliverables.

Quick Start

Provide a concise design brief for a polished browser UI and outline the asset, motion, and layout plan to start the frontend delivery.

Frequently Asked Questions about frontend-dev

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

FAQPage Schema
How do I translate a design brief into a polished browser UI?▼

To translate a design brief into a polished browser UI, provide a concise outline of your visual hierarchy, motion, and responsive layout plan to initiate the frontend delivery workflow.

What is the best way to manage assets for a responsive landing page?▼

The best way to manage assets for a responsive landing page is to use an explicit local asset process and management workflow that ensures production-ready media integrations and UI polish.

Can I use this workflow for dashboards and product sites?▼

Yes, you can use this workflow for dashboards and product sites because it specifically evaluates design dials and production readiness for these types of browser-facing user interfaces.

Does this frontend delivery process support motion design?▼

Yes, this frontend delivery process supports motion design by guiding the implementation of visual hierarchy and motion to deliver high-quality browser experiences.

What do I need to start building a production-ready frontend?▼

To start building a production-ready frontend, you need a concise design brief outlining your asset, motion, and layout plan to enforce the delivery workflow.