Frontend CSS
Write maintainable, performant CSS using modern methodologies including Tailwind CSS utility classes, CSS modules, CSS-in-JS, or design system tokens. Use this skill when styling components, creating layouts, implementing design systems, or working with CSS files (.css, .scss, .module.css), Tailwind configuration, styled-components, or CSS-in-JS solutions. Apply this skill when implementing utility-first patterns with Tailwind, using CSS custom properties for theming, creating responsive layouts with flexbox/grid, managing design tokens (colors, spacing, typography), or optimizing CSS for production with purging and tree-shaking. This skill ensures consistent styling methodology across the project, minimizes custom CSS when framework utilities exist, maintains design system coherence, and follows modern CSS best practices including container queries, CSS variables, and performance optimization.
Packaged view
This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.
Install command
npx @skill-hub/cli install overtimepog-agenttheo-frontend-css
Repository
Skill path: .claude/skills/frontend-css
Write maintainable, performant CSS using modern methodologies including Tailwind CSS utility classes, CSS modules, CSS-in-JS, or design system tokens. Use this skill when styling components, creating layouts, implementing design systems, or working with CSS files (.css, .scss, .module.css), Tailwind configuration, styled-components, or CSS-in-JS solutions. Apply this skill when implementing utility-first patterns with Tailwind, using CSS custom properties for theming, creating responsive layouts with flexbox/grid, managing design tokens (colors, spacing, typography), or optimizing CSS for production with purging and tree-shaking. This skill ensures consistent styling methodology across the project, minimizes custom CSS when framework utilities exist, maintains design system coherence, and follows modern CSS best practices including container queries, CSS variables, and performance optimization.
Open repositoryBest for
Primary workflow: Design Product.
Technical facets: Full Stack, Frontend, Designer.
Target audience: Development teams looking for install-ready agent workflows..
License: Unknown.
Original source
Catalog source: SkillHub Club.
Repository owner: overtimepog.
This is still a mirrored public skill entry. Review the repository before installing into production workflows.
What it helps with
- Install Frontend CSS into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
- Review https://github.com/overtimepog/AgentTheo before adding Frontend CSS to shared team environments
- Use Frontend CSS for development workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.