All skills
davila7 avatar

/senior-frontend

@af0b992

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

Use this Skill: https://skilld.dev/gh/davila7/claude-code-templates/senior-frontend

This session only. Nothing lands on disk.

referencesfrontend_best_practices.md

≈405 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Frontend Best Practices

Overview

This reference guide provides comprehensive information for senior frontend.

Patterns and Practices

Pattern 1: Best Practice Implementation

Description: Detailed explanation of the pattern.

When to Use:

  • Scenario 1
  • Scenario 2
  • Scenario 3

Implementation:

// Example code implementation
export class Example {
  // Implementation details
}

Benefits:

  • Benefit 1
  • Benefit 2
  • Benefit 3

Trade-offs:

  • Consider 1
  • Consider 2
  • Consider 3

Pattern 2: Advanced Technique

Description: Another important pattern for senior frontend.

Implementation:

// Advanced example
async function advancedExample() {
  // Code here
}

Guidelines

Code Organization

  • Clear structure
  • Logical separation
  • Consistent naming
  • Proper documentation

Performance Considerations

  • Optimization strategies
  • Bottleneck identification
  • Monitoring approaches
  • Scaling techniques

Security Best Practices

  • Input validation
  • Authentication
  • Authorization
  • Data protection

Common Patterns

Pattern A

Implementation details and examples.

Pattern B

Implementation details and examples.

Pattern C

Implementation details and examples.

Anti-Patterns to Avoid

Anti-Pattern 1

What not to do and why.

Anti-Pattern 2

What not to do and why.

Tools and Resources

Recommended Tools

  • Tool 1: Purpose
  • Tool 2: Purpose
  • Tool 3: Purpose

Further Reading

  • Resource 1
  • Resource 2
  • Resource 3

Conclusion

Key takeaways for using this reference guide effectively.

Source: SKILL.md on GitHub

No alerts17d5 checks · Risk SAFE
  • Gen Agent Trust Hub17d

    The skill provides a collection of template scripts and documentation for frontend development best practices. No malicious code, obfuscation, or unauthorized data access patterns were detected.

  • Socket17d

    No alerts

  • Snyk17d

    Risk: LOW · No issues

  • Runlayer7mo

    7 files scanned · No issues

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at af0b992. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 15 hours ago.

Activeupdated 10 months ago

README badge

README badge for davila7/claude-code-templates/senior-frontend