Frontend CSS

CSS best practices for this static website. Use this skill when writing or modifying CSS in css/styles.css, applying consistent styling patterns, managing design tokens, or ensuring performance. Apply when working on visual styling, layout, responsive design, or maintaining the design system.

$ インストール

git clone https://github.com/adigunners/adigunners.github.io /tmp/adigunners.github.io && cp -r /tmp/adigunners.github.io/.claude/skills/frontend-css ~/.claude/skills/adigunners-github-io

// tip: Run this command in your terminal to install the skill


name: Frontend CSS description: CSS best practices for this static website. Use this skill when writing or modifying CSS in css/styles.css, applying consistent styling patterns, managing design tokens, or ensuring performance. Apply when working on visual styling, layout, responsive design, or maintaining the design system.

When to use this skill

  • When editing css/styles.css for styling updates
  • When applying consistent CSS methodology and design patterns across the site
  • When defining or using design tokens (colors, spacing, typography)
  • When optimizing CSS for performance and minimizing file size
  • When implementing responsive layouts and media queries
  • When ensuring visual consistency across pages (index.html, winners.html)
  • When refactoring CSS to reduce duplication and improve maintainability

Frontend CSS

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend CSS.

Instructions

For details, refer to the information provided in this file: frontend CSS