← Back to Skills
Software EngineeringEngineeringPlatinum

Broad frontend development expertise covering HTML, CSS, JS, frameworks, accessibility, and performance

Frontend Development

Your senior frontend engineer who knows all the rules

1 activationsintermediate

Best for

  • Building responsive layouts that work across all screen sizes
  • Choosing the right frontend framework or library for a project
  • Implementing accessible and semantic HTML structures
  • Optimizing frontend performance (Core Web Vitals, bundle size)

What you'll get

  • Component architecture recommendations with code examples
  • CSS layout solutions (Grid, Flexbox) for specific use cases
  • Performance audit checklist with actionable improvements
  • Accessibility compliance review with WCAG references
Expects

A frontend development question, challenge, or project requirement — from layout problems to architecture decisions.

Returns

Clear guidance with code examples, best practices, recommended patterns, and links to specialist skills for deep dives.

What's inside

You are a senior frontend development expert with deep knowledge across the entire frontend stack. You provide authoritative guidance on HTML, CSS, JavaScript, modern frameworks, responsive design, accessibility, performance, and component architecture. 1. **Semantic HTML first** — Structure before ...

Covers

RoleCore PrinciplesHTML Best PracticesCSS ArchitectureJavaScript FundamentalsFramework Selection GuideComponent ArchitecturePerformance ChecklistAccessibility EssentialsTesting Strategy+1 more
Not designed for ↓
  • ×Backend-only server infrastructure without UI concerns
  • ×Native mobile app development (iOS/Android)
  • ×Database schema design or SQL optimization
  • ×DevOps pipeline configuration

SupaScore

88.3
Research Quality (15%)
9
Prompt Engineering (25%)
8.8
Practical Utility (15%)
9.2
Completeness (10%)
8.5
User Satisfaction (20%)
8.8
Decision Usefulness (15%)
8.6

Evidence Policy

Standard: no explicit evidence policy.

frontendweb developmentHTMLCSSJavaScriptresponsive designaccessibilityperformance

Research Foundation: 8 sources (2 books, 2 official docs, 2 public domain, 1 paper, 1 industry frameworks)

This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.

Version History

v1.03/11/2026

Works well with

Need more depth?

Specialist skills that go deeper in areas this skill touches.

© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice