Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
davila7 avatar

Railway Projects

  • 284 installs
  • 30.1k repo stars
  • Updated August 4, 2026
  • davila7/claude-code-templates

railway-projects is a Claude Code skill that lists, organizes, and manages multiple Railway projects and environments for developers operating microservices, staging stacks, or client deployments.

About

railway-projects is a Claude Code skill for listing, organizing, and managing multiple Railway projects and environments from the agent. The skill helps developers who operate several microservices, staging stacks, or client-specific Railway deployments keep projects discoverable and environments separated. Developers reach for railway-projects when Railway sprawl makes it hard to track which service lives in which project or which environment maps to which client. The skill complements per-project configuration skills by focusing on portfolio-level Railway organization rather than single-environment variable wiring.

  • Multi-project Railway inventory
  • Environment and ownership clarity
  • Supports ops hygiene across services
  • Complements deploy and status skills
  • Reduces platform sprawl

Railway Projects by the numbers

  • 284 all-time installs (skills.sh)
  • Ranked #412 of 1,039 Cloud & Infrastructure skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/davila7/claude-code-templates --skill railway-projects

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs284
repo stars30.1k
Last updatedAugust 4, 2026
Repositorydavila7/claude-code-templates

How do you manage multiple Railway projects and environments?

List, organize, and manage multiple Railway projects and environments when operating several microservices, staging stacks, or client deployments.

Who is it for?

Developers or platform engineers running several Railway projects across microservices, staging environments, or client deployments.

Skip if: Developers with a single Railway project who only need one-environment variable configuration.

When should I use this skill?

A developer asks to list Railway projects, organize environments across services, or manage multiple client deployments on Railway.

What you get

Organized Railway project inventory, environment mappings, and multi-deployment governance structure.

  • Project inventory
  • Environment mapping
  • Multi-deployment organization plan

Files

SKILL.mdMarkdownGitHub ↗

Design to Code

High-fidelity UI restoration from Figma designs to production-ready React + TypeScript components. This SKILL uses a robust helper script to minimize manual errors and ensure pixel-perfect results.

Prerequisites

1. Figma API Token: Get from Figma → Settings → Personal Access Tokens 2. Node.js: Version 18+ 3. coderio: Installed in scripts/ folder (handled by Setup phase)

Workflow Overview

Phase 0: SETUP    → Create helper script and script environment
Phase 1: PROTOCOL → Generate design protocol (Structure & Props)
Phase 2: CODE     → Generate components and assets

---

Phase 0: Setup

Step 0.1: Initialize Helper Script

User Action: Run these commands to create the execution helper and isolate its dependencies.

mkdir -p scripts

# 1. Copy script files
# Note: Ensure you have the 'skills/design-to-code/scripts' directory available
cp skills/design-to-code/scripts/package.json scripts/package.json
cp skills/design-to-code/scripts/coderio-skill.mjs scripts/coderio-skill.mjs

# 2. Install coderio in scripts directory (adjust version if needed)
cd scripts && pnpm install && cd ..

Step 0.2: Scaffold Project (Optional)

If starting a new project:

1. Run: node scripts/coderio-skill.mjs scaffold-prompt "MyApp" 2. AI Task: Follow the instructions output by the command to create files.

---

Phase 1: Protocol Generation

Step 1.1: Fetch Data

# Replace with your URL and Token
node scripts/coderio-skill.mjs fetch-figma "https://figma.com/file/..." "figd_..."

Verify: process/thumbnail.png should exist.

Step 1.2: Generate Structure

1. Generate Prompt:

    node scripts/coderio-skill.mjs structure-prompt > scripts/structure-prompt.md

2. AI Task (Structure):

  • ATTACH: process/thumbnail.png (MANDATORY)
  • READ: scripts/structure-prompt.md
  • INSTRUCTION: "Generate the component structure JSON based on the prompt and the attached thumbnail. Focus on visual grouping. Use text content to name components accurately (e.g. 'SafeProducts', not 'FAQ')."
  • SAVE: Paste the JSON result into scripts/structure-output.json.

3. Process Result:

    node scripts/coderio-skill.mjs save-structure

Step 1.3: Extract Props (Iterative)

1. List Components:

    node scripts/coderio-skill.mjs list-components

2. For EACH component in the list:

a. Generate Prompt:

    node scripts/coderio-skill.mjs props-prompt "ComponentName" > scripts/current-props-prompt.md

b. AI Task (Props):

  • ATTACH: process/thumbnail.png (MANDATORY)
  • READ: scripts/current-props-prompt.md
  • INSTRUCTION: "Extract props and state data. Be pixel-perfect with text and image paths."
  • SAVE: Paste the JSON result into scripts/ComponentName-props.json.

c. Save & Validate:

    node scripts/coderio-skill.mjs save-props "ComponentName"
    # If this fails, re-do step 'b' with better attention to the thumbnail

---

Phase 2: Code Generation

Step 2.1: Plan Tasks

node scripts/coderio-skill.mjs list-gen-tasks

This outputs a list of tasks with indices (0, 1, 2...).

Step 2.2: Generate Components (Iterative)

For EACH task index (starting from 0):

1. Generate Prompt:

    node scripts/coderio-skill.mjs code-prompt 0 > scripts/code-prompt.md
    # Replace '0' with current task index

2. AI Task (Code):

  • ATTACH: process/thumbnail.png (MANDATORY)
  • READ: scripts/code-prompt.md
  • INSTRUCTION: "Generate the React component code. Match the thumbnail EXACTLY. Use STRICT text content from input data, do not hallucinate."
  • SAVE: Paste the code block into scripts/code-output.txt.

3. Save Code:

    node scripts/coderio-skill.mjs save-code 0
    # Replace '0' with current task index

Step 2.3: Final Integration

Inject the root component into App.tsx. Use the path found in the last task of Phase 2.1.

---

Troubleshooting

  • "Props validation failed": The AI generated empty props. Check if process/thumbnail.png was attached and visible to the AI. Retry the props generation step.
  • "Module not found": Ensure node scripts/coderio-skill.mjs save-code was run for the child component before the parent component. Phase 2 must be done in order (0, 1, 2...).
  • "Visuals don't match": Did you attach the thumbnail? The AI relies on it for spacing and layout nuances not present in the raw data.

Related skills

How it compares

Use railway-projects for multi-project Railway inventory and environment organization; use railway-environment for configuring one project’s variables, services, and domains.

FAQ

What does railway-projects help developers manage?

railway-projects helps developers list, organize, and manage multiple Railway projects and environments when operating microservices, staging stacks, or separate client deployments on Railway.

How is railway-projects different from railway-environment?

railway-projects focuses on portfolio-level Railway project and environment organization across many deployments, while railway-environment configures variables, services, and domains within a single project.

Cloud & Infrastructureinfradeploymonitoring

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.