Installs into .claude/skills of the current project.
Are you the author of Before Coding Design Direction?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/vamseeachanta-before-coding-design-direction)
---
name: frontend-design-before-coding-design-direction
description: 'Sub-skill of frontend-design: Before Coding: Design Direction.'
version: 2.0.0
category: business
type: reference
scripts_exempt: true
---
# Before Coding: Design Direction
## Before Coding: Design Direction
Establish a bold aesthetic direction by considering:
1. **Purpose**: What is this interface trying to accomplish?
2. **Tone**: Professional? Playful? Minimalist? Bold?
3. **Constraints**: Technical requirements, brand guidelines, accessibility?
4. **Differentiation**: How will this stand out?
**Key Principle**: Choose a clear conceptual direction and execute it with precision.
