🎯

frontend-dev-guidelines

🎯Skill

from vibery-studio/templates

VibeIndex|
What it does

Provides comprehensive, opinionated frontend development best practices and coding standards for React and modern web development workflows.

πŸ“¦

Part of

vibery-studio/templates(40 items)

frontend-dev-guidelines

Installation

πŸ“‹ No install commands found in docs. Showing default command. Check GitHub for actual instructions.
Quick InstallInstall with npx
npx skills add vibery-studio/templates --skill frontend-dev-guidelines
3Installs
-
AddedFeb 4, 2026

Skill Details

SKILL.md

Overview

# Vibery Templates

Curated templates for Claude Code.

Template Types

| Type | Description |

| -------- | ----------------------------------------- |

| agents | AI specialist agents for specific domains |

| skills | Multi-file capabilities with scripts |

| commands | Slash commands for common tasks |

| mcps | MCP server configurations |

| hooks | Automation hooks |

| settings | Claude Code settings |

Installation

```bash

# Using Vibery CLI

vibery install

# Direct download from releases

curl -L https://github.com/vibery-studio/templates/releases/latest/download/agent--react-pro.tar.gz | tar -xz

```

Registry

Template catalog available at:

```

https://github.com/vibery-studio/templates/releases/latest/download/registry.json

```

Contributing

  1. Add template to appropriate folder
  2. Push to main branch
  3. GitHub Actions auto-generates release

License

MIT

More from this repository10

🎯
ui-styling🎯Skill

Crafts beautiful, accessible user interfaces using shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

🎯
frontend-design🎯Skill

Crafts distinctive, production-grade frontend interfaces with creative design, avoiding generic AI aesthetics across websites, components, and web applications.

🎯
spec-writer🎯Skill

spec-writer skill from vibery-studio/templates

🎯
devops🎯Skill

Deploys and manages cloud infrastructure across Cloudflare, Docker, and Google Cloud Platform with comprehensive edge computing solutions.

🎯
skill-creator🎯Skill

Guides users through creating effective skills that extend Claude's capabilities with specialized knowledge, workflows, and tool integrations.

🎯
mermaidjs-v11🎯Skill

Generates text-based diagrams and visualizations across 24+ diagram types using Mermaid.js v11 declarative syntax for technical documentation and project planning.

🎯
code-review🎯Skill

Enforces rigorous code review practices by systematically evaluating feedback, requesting reviews, and requiring evidence before claiming task completion.

🎯
vibery-manager🎯Skill

vibery-manager skill from vibery-studio/templates

🎯
udemy-crawler🎯Skill

udemy-crawler skill from vibery-studio/templates

🎯
theme-factory🎯Skill

Generates professional, context-specific visual themes for slides, docs, and other artifacts with 10 pre-set design palettes.