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.