web-development

Kiikurage's avatarfrom Kiikurage

TypeScript/JavaScript/React/HTML/CSSファイルを編集・作成する際は必ずこのスキルを使用しなさい。フロントエンド開発のコーディング規約、ベストプラクティス、検証方法が含まれています。

⭐0stars🔀0forks📁View on GitHub🕐Updated Oct 20, 2025
[Code Generation]

When & Why to Use This Skill

This Claude skill is a comprehensive frontend development assistant designed to streamline the creation and editing of TypeScript, JavaScript, React, HTML, and CSS files. By integrating industry-standard coding conventions, best practices, and rigorous verification methods, it ensures that generated code is not only functional but also maintainable, scalable, and high-performing.

Use Cases

  • Standardized Component Development: Automatically generate React components that follow specific project architecture and styling guidelines.
  • Legacy Code Refactoring: Convert older JavaScript or HTML snippets into modern, type-safe TypeScript and semantic HTML5 structures while maintaining best practices.
  • Quality-Driven Coding: Use built-in verification methods to ensure that frontend code meets accessibility, performance, and cross-browser compatibility standards during the initial drafting phase.
nameweb_development
descriptionTypeScript/JavaScript/React/HTML/CSSファイルを編集・作成する際は必ずこのスキルを使用しなさい。フロントエンド開発のコーディング規約、ベストプラクティス、検証方法が含まれています。

Knowledge

以下のknowledgeファイルは必ずすべて読み込みなさい

  • ./web_development.md