# Frontend Components > This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they Use when this capability is needed. - Skill: `tomevault-io/frontend-components-3` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/frontend-components-3` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/frontend-components-3/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/frontend-components-3 --- ## When to use this skill - When creating or modifying HTML structure in index.html, winners.html, or other pages - When building JavaScript modules that manage UI components (ui-module.js, ui-manager.js, winners-module.js) - When implementing reusable UI patterns like leaderboards, countdown timers, or data tables - When structuring DOM manipulation logic with single responsibility and clear interfaces - When creating modular JavaScript components with configurable options - When building composable UI elements that combine smaller components - When refactoring monolithic HTML into smaller, reusable sections # Frontend Components This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend components. ## Instructions For details, refer to the information provided in this file: [frontend components](../../../agent-os/standards/frontend/components.md) --- > Converted and distributed by [TomeVault](https://tomevault.io/claim/adigunners) — claim your Tome and manage your conversions.