developing-frontend

Community

Frontend UI/UX implementation and optimization.

Software Engineering #typescript #performance #accessibility #frontend #react #vue #next.js

Authorsekka

Version1.0.0

Installs0

System Documentation

What problem does it solve?

このスキルは、フロントエンド UI/UX の実装とパフォーマンス最適化を包括的に支援します。React/Vue/Next.js などの実装、TypeScript 型設計、パフォーマンス最適化、アクセシビリティ対応を迅速に行えるよう設計されています。

Core Features & Use Cases

フレームワーク選定と初期セットアップ: React/Next.js/Vue などの組み合わせを提案し、プロジェクトの初期構造を整えます。
TypeScript 型設計とコンポーネント設計: 安定したデータモデルと再利用性の高い UI 部品の設計をサポートします。
パフォーマンス最適化: Core Web Vitals を意識した最適化戦略と実装を案内します。
アクセシビリティ対応: WCAG 準拠の実装とテストをガイドします。

Quick Start

React + TypeScript の新規 SPA プロジェクトを開始し、初期セットアップとパフォーマンス最適化案を作成してください。

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: developing-frontend
Download link: https://github.com/sekka/dotfiles/archive/main.zip#developing-frontend

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 223,000+ vetted skills library on demand.