skills.rest
lunaticwithaduck
lunaticwithaduckCOMMUNITY
Explore all skills by this author →
GitHub

frontend

Consolidate HTML semantics, CSS architecture, and JavaScript/TypeScript patterns for frontend projects.

Updated Aug 27, 2026
Search Tags:#typescript#html#accessibility#frontend#javascript#css
One-click install
npx skills add https://github.com/lunaticwithaduck/majstorbg --skill frontend-lunaticwithaduck
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend
Source: https://github.com/lunaticwithaduck/majstorbg/tree/main/apps/web/.claude/skills/frontend
Command: npx skills add https://github.com/lunaticwithaduck/majstorbg --skill frontend-lunaticwithaduck

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend developers often juggle HTML semantics, CSS architecture, and JS/TS patterns across frameworks; this skill consolidates universal frontend knowledge to reduce context switching and improve foundational quality.

Core Features & Use Cases

  • Semantic HTML, accessible markup, and performance-aware CSS architecture.
  • JavaScript/TypeScript patterns for reliable UI development and maintainability.
  • Use Case: A designer hands you a static mock; you translate it into accessible markup, responsive styles, and predictable interactions.

Quick Start

Provide a minimal accessible HTML/CSS/JS skeleton for a given UI task.

Frequently Asked Questions about frontend

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

FAQPage Schema
How do I structure semantic HTML and accessible markup for a web app?▼

To structure semantic HTML and accessible markup, use appropriate HTML elements to convey meaning and ensure navigability. This skill provides structured workflows for generating accessible markup that translates static mocks into predictable, inclusive interactions.

What is the best way to organize CSS architecture for responsive design?▼

Organizing CSS architecture for responsive design involves structuring styles to handle various screen sizes efficiently. This skill provides performance-aware CSS architecture guidance, ensuring maintainable and responsive styles across plain HTML projects and component libraries.

Can I use TypeScript patterns for maintainable UI development?▼

Yes, you can use TypeScript patterns for maintainable UI development. This skill consolidates reliable JavaScript and TypeScript patterns to reduce context switching and improve foundational code quality across different frontend frameworks.

How do I generate a minimal accessible HTML, CSS, and JavaScript skeleton?▼

To generate a minimal accessible HTML, CSS, and JavaScript skeleton, you provide a UI task description. The skill outputs a structured workflow with frontmatter, practical performance considerations, and testing guidance to bootstrap your interface.

Does this frontend skill apply to progressive enhancement scenarios?▼

Yes, this frontend skill applies to progressive enhancement scenarios. It consolidates universal frontend knowledge across plain HTML projects and component libraries, applying accessible markup and performance considerations to enhance baseline functionality.

Related Skills

Explore More Software Engineering Skills→
mbpzmbpz

relational-database-web-cloudbase

Initialize the CloudBase Relational Database SDK for web applications.

Community
Intermediate
Kitsune-DenKitsune-Den

frontend-design-ultimate

Generate React, Tailwind, and shadcn/ui frontend projects from plain-language prompts.

Official
Advanced
USW-Circle-LinkUSW-Circle-Link
1

component-usage

Create a reusable Flutter component library with standardized widgets and styles.

Official
Intermediate
sawrussawrus
17

app-builder

Automate full-stack application creation from natural language requests.

Community
Advanced