ravnhq

platform-frontend

0
0
# Install this skill:
npx skills add ravnhq/ai-toolkit --skill "platform-frontend"

Install specific skill from multi-skill repository

# Description

Framework-agnostic frontend architecture patterns. Extends core-coding-standards with UI-specific rules. Use when building any web frontend.

# SKILL.md


name: platform-frontend
description: "Framework-agnostic frontend architecture patterns. Extends core-coding-standards with UI-specific rules. Use when building any web frontend."


Principles

  • Start with local state β€” lift only when shared
  • Organize code by feature, not by type
  • Use named exports for better refactoring and searchability
  • Never use barrel files (index.ts re-exports) β€” they break tree-shaking and slow builds
  • Measure before memoizing β€” don't optimize what isn't slow

Rules

See rules/ for detailed patterns.

# Supported AI Coding Agents

This skill is compatible with the SKILL.md standard and works with all major AI coding agents:

Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.