AgentToolHub
Skill

frontend-ui

frontend-ui — a Claude Code skill from womendefiningai/claude-code-skills

Features

  • ✓Create custom UIs with research-backed design principles
  • ✓Incorporate 6+ theme aesthetics like Cyberpunk and Terminal
  • ✓Avoid generic 'AI slop' with typography, color, and motion
  • ✓Comprehensive reference library for UI elements
  • ✓Font rotation strategy for visual variety
  • ✓Visit the GitHub repo for more details

Installation Guide

Install All Resources

To install everything in this collection:

bash
# Clone the repository
git clone https://github.com/WomenDefiningAI/claude-code-skills.git
cd claude-code-skills

# Install all skills
cp -r skills/* ~/.claude/skills/

# Install all commands (when available)
cp commands/*.md ~/.claude/commands/ 2>/dev/null || true

# Install all agents (when available)
cp agents/*.md ~/.claude/agents/ 2>/dev/null || true

Install Individual Resources

To install specific items:

bash
# Clone the repository
git clone https://github.com/WomenDefiningAI/claude-code-skills.git

# Install a specific skill
cp -r claude-code-skills/skills/skill-builder ~/.claude/skills/

# Install a specific command (when available)
cp claude-code-skills/commands/example-command.md ~/.claude/commands/

# Install a specific agent (when available)
cp claude-code-skills/agents/example-agent.md ~/.claude/agents/

Project-Specific Installation

To install resources for a specific project only:

bash
# From within your project directory
cp -r /path/to/claude-code-skills/skills/skill-builder .claude/skills/
cp /path/to/claude-code-skills/commands/example-command.md .claude/commands/

Reviews