Coding Conventions — Design skill for Claude Code
Enforces client coding conventions.
How to install Coding Conventions
Installs to ~/.claude/skills/idolaman-galactic-coding-conventions/SKILL.md
mkdir -p ~/.claude/skills/idolaman-galactic-coding-conventions && curl -fsSL https://raw.githubusercontent.com/idolaman/galactic/HEAD/.claude/skills/coding-conventions.md -o ~/.claude/skills/idolaman-galactic-coding-conventions/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Coding Conventions does
name: coding-conventions description: Enforces client coding conventions. Use when writing, reviewing, or modifying React/TypeScript code in the client/ directory. Ensures proper use of Tailwind/shadcn UI components, path aliases, TypeScript interfaces, icon usage, platform-safe storage/git logic, and consistent design system rules. allowed-tools: Read, Grep, Glob, Write, Edit
Client Coding Conventions (shadcn + Tailwind)
Apply these conventions when working on code in the `client/`
Alternatives in Design
- Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
- Guitar — by soramimi - Serves as development guide for Guitar Git GUI Client with build commands for various platforms 1.7k ★
- Hn Rewrite — Read {{arg1}} (either a file path or GitHub issue URL) and rewrite it in a technical, matter-of-fact style sui 570 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Iced Development
ALWAYS use this skill when writing, modifying, or reviewing Rust code that uses the Iced GUI library. This ski
J Brainstorm
Design-before-implementation workflow — explore intent, requirements, and design before writing code. Use when
Nxt Component
Generates a Next.js + TypeScript + Tailwind component. Auto-detects project conventions (naming, folder struct
Component Design
Design and implement reusable UI components with proper props and accessibility
Symptomsync Web Change
Use when tasks touch the Next.js frontend in web/, including pages-router pages, React components, Supabase cl
App Auditor Plugin Claude
Claude plugin for auditing live web apps: capture screenshots, generate demo videos, document components, extr
Related Agents
Shadcn Implementation Builder
Use this agent when you need to build production-ready UI components using shadcn/ui with proper TypeScript, s
Frontend Vue Expert
Use this agent when you need to work on Vue 3 frontend code, TypeScript components, Tailwind CSS styling, or a
Subagent Docs Analyst
Documentation Specialist. MANDATORY at the end of EVERY implementation (Vibe Coding or Subagents mode). Manage