Frontend Dev Guidelines

🌐Community
by duonglx · vlatest · Repository

Helps with frontend development, guidelines as part of building frontend UIs and user experiences workflows.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add duonglx-frontend-dev-guidelines npx -- -y @trustedskills/duonglx-frontend-dev-guidelines
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "duonglx-frontend-dev-guidelines": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/duonglx-frontend-dev-guidelines"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill provides a set of frontend development guidelines. It's designed to ensure consistency and quality in frontend codebases, likely covering aspects like coding style, component structure, and best practices for common tasks. The skill aims to improve developer efficiency and maintainability by establishing clear standards.

When to use it

  • When onboarding new frontend developers to a project.
  • To enforce consistent coding styles across a team.
  • For reviewing existing frontend codebases to identify areas for improvement.
  • During the creation of new frontend components or features.

Key capabilities

  • Frontend development guidelines
  • Coding style enforcement
  • Component structure recommendations
  • Best practices for common frontend tasks

Example prompts

  • "Apply the frontend coding style guidelines to this code snippet."
  • "Review this component and suggest improvements based on the established guidelines."
  • "Generate a basic React component following the recommended structure."

Tips & gotchas

The effectiveness of this skill depends on having a well-defined set of frontend development guidelines in place. Without clear rules, the AI agent's suggestions may be less helpful or even contradictory.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
duonglx
Installs
7

🌐 Community

Passed automated security scans.