Frontend Dev Guidelines

🌐Community
by wollfoo · 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 wollfoo-frontend-dev-guidelines npx -- -y @trustedskills/wollfoo-frontend-dev-guidelines
2

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

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

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

About This Skill

What it does

This skill provides frontend development guidelines from Wollfoo. It offers a structured approach to building user interfaces, focusing on best practices and consistent coding standards. The guidelines cover aspects of design, implementation, and maintenance for web applications.

When to use it

  • When starting a new frontend project and needing initial architectural guidance.
  • To ensure consistency across multiple developers working on the same codebase.
  • For onboarding new team members and providing them with clear development standards.
  • During code reviews to enforce adherence to established guidelines.

Key capabilities

  • Provides coding style guides for frontend development.
  • Offers architectural recommendations for web applications.
  • Promotes consistent design patterns and best practices.
  • Supports maintainability and scalability of frontend projects.

Example prompts

  • "What are the recommended folder structures for a new React project?"
  • "Show me the guidelines on how to write accessible HTML."
  • "How should I handle state management in my application according to these guidelines?"

Tips & gotchas

The skill assumes familiarity with basic frontend development concepts. Referencing specific technologies or frameworks within prompts will likely yield more targeted results.

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
wollfoo
Installs
15

🌐 Community

Passed automated security scans.