frontend-aesthetic-director

Community

Refine and polish frontend UI with intention, responsiveness, and accessibility.

Authorbohewu
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the process of frontend UI implementation and review, focusing on polish, visual direction, responsiveness, accessibility, and QA to ensure high-quality UIs without the need for extensive redesigns.

Core Features & Use Cases

  • UI Implementation: Offers a structured approach to UI implementation, ensuring responsiveness, accessibility, and visual quality.
  • Review Process: Provides a set of guidelines and tools for UI review and QA, enhancing the overall UI experience.
  • Use Case: For instance, when a developer needs to implement a new landing page, this skill can be used to ensure that the page is not only visually appealing but also functional and accessible across devices.

Quick Start

Run the frontend-aesthetic-director skill with the 'scan before coding' step to review the current UI and establish a brief for your task.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-aesthetic-director
Download link: https://github.com/bohewu/agents_pipeline/archive/main.zip#frontend-aesthetic-director

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.