Writing Code Style Guide

by SonarSource · development · react, documentation, skill

This skill contains in-depth code style guidance and best practices. You should read it before writing application code.

Source: https://github.com/SonarSource/sonarqube-webapp

Install

git clone https://github.com/SonarSource/sonarqube-webapp

Tags: react, documentation, skill

⭐ 9 GitHub stars · Source: skillsdirectory

About development MCP servers and Claude skills

development MCP servers extend what AI agents can do inside Claude Code, Cursor, Copilot, Codex, and Windsurf. The Skiln directory indexes 16,000+ such integrations across 22 categories.

Writing Code Style Guide is one of hundreds of development entries indexed on Skiln. Browse the full development category or the complete directory of Claude skills, MCP servers, agents, commands, and hooks.

Related development MCPs and skills

  • Echoes Components by SonarSource

    Use whenever it is necessary to work with the echoes shared component library or design tokens from @sonarsource/echoes-react

  • Webapp Review by SonarSource

    Webapp review — analyse your current branch or an existing PR for DRY violations, missing abstractions, SOLID issues, module boundary violations, and extensibility gaps in this NX monorepo.

  • Wikispec Wiki by christianb93

    This skills instructs the agent how to maintain the knowledge base in the wiki. Use it when you want to ingest documents or query the wiki

  • Portal Component Legacy3 Wowlab by ForceInjection

    Generate Next.js components for the portal app with proper patterns. Use when creating new pages, components, or features in apps/portal.

  • Pr Comment Responder by ForceInjection

    PR review coordinator who gathers comment context, acknowledges every

  • Frontend Accessibility Florianriquelme Statamic Assets by ForceInjection

    Implement accessible UI components using semantic HTML elements, keyboard navigation support, sufficient color contrast ratios, alternative text for images, ARIA attributes when needed, logical heading structure, and proper focus management. Use this skill when creating UI components, forms, interactive elements, navigation menus, modals or dialogs, implementing keyboard shortcuts, adding screen reader support, ensuring WCAG compliance, or testing with assistive technologies. This skill appli...

  • Frontend Developer Truchot Claude Skills Test by ForceInjection

    Expert en développement front-end moderne - HTML, CSS, JavaScript, TypeScript, frameworks, testing, performance et tooling

  • Frontend Testing Aj Geddes Useful Ai Prompts by ForceInjection

    Implement comprehensive frontend testing using Jest, Vitest, React Testing Library, and Cypress. Use when building robust test suites for UI and integration tests.

Frequently asked questions

How do I install Writing Code Style Guide?

Add the install command above to your Claude Code, Cursor, or Windsurf MCP configuration. Most servers register via npx, a local command, or a Docker image. Refer to the source repository for environment variables and credential requirements.

Which clients support Writing Code Style Guide?

Any MCP-compatible client works: Claude Desktop, Claude Code CLI, Cursor, Windsurf, Zed, and VS Code with the official MCP extension. OpenAI Codex and GitHub Copilot increasingly support MCP via adapter bridges.

Is Writing Code Style Guide free?

The server itself is typically open source. Any upstream service (API keys, paid tiers, hosted infrastructure) may have its own pricing. Check the source repository for details.