Skip to content
atlas-quick logo

Atlas Quick Workflow

atlas-quick

Quick 2-phase workflow for trivial changes - typos, colors, config updates (5-15 min)

SKILL.md

Full skill instructions

Atlas Quick Workflow

When to Use This Skill

Perfect for:

  • UI text changes (typos, copy updates)
  • Color/​style tweaks (single value changes)
  • Simple configuration updates
  • Documentation fixes
  • Single-line bug fixes

Time estimate: 5-15 minutes

Success criteria:

  • Change deployed in < 15 minutes
  • Tests pass
  • No rollbacks

The 2 Phases

Phase 1: Make Change  → Locate, change, verify
Phase 2: Deploy       → Test + deploy via quality script

Phase 1: Make Change

Goal: Locate the code, make the change, verify locally.

Steps:

  1. Locate the code

    # Find file by name
    find src/ -name "*filename*"
    
    # Find file by content
    grep -r "text to find" src/
    
  2. Make the change

    • Update the single value/​line
    • Keep it simple - if it's getting complex, escalate to Iterative or Standard
  3. Verify locally

    • If UI change: Check visually
    • If config: Verify value makes sense
    • If text: Check for typos

Quick Workflow Rules:

DO:

  • ✅ Make ONE focused change
  • ✅ Verify change is visible/​working
  • ✅ Keep it under 5 minutes

DON'T:

  • ❌ Change multiple unrelated things
  • ❌ Add new logic
  • ❌ Modify multiple files
  • ❌ Skip verification

StackMap-Specific Considerations:

Even for quick changes, follow conventions:

Field naming:

// ✅ CORRECT
activity.text = "New text"
activity.icon = "🏃"

// ❌ WRONG (even for quick changes)
activity.name = "New text"
activity.emoji = "🏃"

Colors:

// ✅ CORRECT (accessibility)
color: '#000000'  // Black text

// ❌ WRONG (gray text not allowed)
color: '#666666'

Typography:

// ✅ CORRECT
<Typography>Hello</​Typography>

// ⚠️ OK for quick change (but Typography preferred)
<Text style={{ fontFamily: 'Comic Relief' }}>Hello</​Text>

Examples:

Example 1: Fix typo

// Before
<Text>Wellcome to StackMap</​Text>

// After
<Text>Welcome to StackMap</​Text>

Example 2: Change color

// Before
backgroundColor: '#0000FF'  // Blue

// After
backgroundColor: '#007AFF'  // iOS Blue

Example 3: Update timeout

// Before
const SYNC_TIMEOUT = 30000  // 30 seconds

// After
const SYNC_TIMEOUT = 60000  // 60 seconds

Phase 2: Deploy

Goal: Run tests and deploy via quality script.

Steps:

  1. Update PENDING_CHANGES.md

    ## Title: Fix welcome message typo
    ### Changes Made:
    - Fixed typo: "Wellcome" → "Welcome"
    
  2. Run quick validation

    # Type checking (fast)
    npm run typecheck
    
    # If tests are fast enough, run them
    npm test
    
  3. Deploy to QUAL

    ./​scripts/​deploy.sh qual --all
    

Deployment Checklist:

Pre-deployment:

  • PENDING_CHANGES.md updated
  • Type checking passes (if applicable)
  • Change verified locally

Deployment:

  • Use deployment script (not manual commit)
  • Deploy to QUAL first
  • Check deployment output

Post-deployment:

  • No errors in deployment
  • Change visible in QUAL environment

When to Skip Tests:

For truly trivial changes (typos, doc updates), you MAY skip running tests locally if:

  • ✅ Change is pure text/​documentation
  • ✅ No code logic affected
  • ✅ Deployment script will run tests anyway

However: Deployment script will run tests regardless. If they fail, you'll need to fix them.


Escalation Criteria

Escalate to Iterative workflow if:

  • Change works but you want peer validation
  • Making multiple related changes
  • Want quality review cycle

Escalate to Standard workflow if:

  • Change affects multiple files
  • Tests fail (need to add new tests)
  • Edge cases emerge during implementation
  • Not sure if change is correct

How to Escalate:

"Escalating to [Iterative|Standard] workflow. [REASON]"

Then restart from Phase 1 of new tier.


Common Quick Workflow Tasks

1. Text Changes

Use case: Fix typos, update copy, change labels

Pattern:

# Find the text
grep -r "old text" src/

# Change it
# (Update in editor)

# Verify
# (Visual check in app)

# Deploy
./​scripts/​deploy.sh qual --all

Time: 5-10 minutes


2. Color Changes

Use case: Update colors, adjust styles

Pattern:

# Find color usage
grep -r "#0000FF" src/

# Change it
backgroundColor: '#007AFF'

# Verify colors are accessible (no gray text)
# Deploy
./​scripts/​deploy.sh qual --all

Time: 5-10 minutes


3. Config Updates

Use case: Change timeouts, URLs, feature flags

Pattern:

# Find config
grep -r "TIMEOUT" src/​config/

# Change value
const SYNC_TIMEOUT = 60000

# Verify value makes sense
# Deploy
./​scripts/​deploy.sh qual --all

Time: 5 minutes


4. Documentation Updates

Use case: Update README, comments, docs

Pattern:

# Update documentation file directly
# No tests needed for pure docs

# Deploy
./​scripts/​deploy.sh qual --all

Time: 5 minutes


Anti-Patterns (Don't Do This)

❌ Anti-Pattern 1: Making Multiple Changes

"Fix typo in welcome text AND update button color AND adjust padding"

Problem: No longer a quick change. Each change has different risk.

Solution: Escalate to Iterative or make separate Quick changes.


❌ Anti-Pattern 2: Adding Logic

"Change timeout from 30s to 60s AND add retry logic"

Problem: "Add retry logic" is not trivial.

Solution: Escalate to Standard workflow.


❌ Anti-Pattern 3: Modifying Multiple Files

"Update button text in 5 components"

Problem: Multiple files = higher risk, needs review.

Solution: Escalate to Standard workflow (or make 5 separate Quick changes if truly independent).


❌ Anti-Pattern 4: Skipping Verification

Make change → Deploy immediately without checking

Problem: Might deploy broken change.

Solution: Always verify locally first.


Quick Workflow Checklist

Use this checklist for every Quick workflow:

Phase 1: Make Change

  • Found the file quickly (< 2 minutes)
  • Change is ONE focused thing
  • No logic changes
  • No new files created
  • Verified change locally
  • StackMap conventions followed (field names, colors, etc.)

Phase 2: Deploy

  • PENDING_CHANGES.md updated
  • Type checking passes (if ran)
  • Deployed to QUAL using script
  • No deployment errors
  • Change visible in environment

Red Flags (Escalate if ANY are true):

  • ⚠️ Took > 5 minutes to locate code
  • ⚠️ Need to modify multiple files
  • ⚠️ Tests failing
  • ⚠️ Not sure if change is correct
  • ⚠️ Need to add new logic
  • ⚠️ Cross-platform implications

Example: Complete Quick Workflow

Task: "Fix typo in sync error message"

Phase 1: Make Change (3 minutes)

Step 1: Locate

grep -r "Sync faild" src/
# Found: src/​services/​sync/​syncService.js:142

Step 2: Change

// Before (line 142)
throw new Error('Sync faild due to network error')

// After
throw new Error('Sync failed due to network error')

Step 3: Verify

# Quick type check
npm run typecheck
# ✅ Pass
Phase 2: Deploy (2 minutes)

Step 1: Update PENDING_CHANGES.md

## Title: Fix typo in sync error message
### Changes Made:
- Fixed typo: "faild" → "failed" in sync error message

Step 2: Deploy

./​scripts/​deploy.sh qual --all

# Output:
# ✅ Type checking: Pass
# ✅ Tests: Pass (15/​15)
# ✅ Build: Success
# ✅ Deployed: qual-api.stackmap.app

Total time: 5 minutes ✅


When NOT to Use Quick Workflow

Don't use Quick if:

  • Change affects > 1 file → Use Iterative or Standard
  • Need to add tests → Use Standard
  • Not sure about impact → Use Standard
  • Security-related → Use Standard or Full
  • Cross-platform concerns → Use Standard
  • Need review/​validation → Use Iterative

Default rule: When in doubt, use Standard workflow instead.


Success Indicators

You've succeeded when:

  • ✅ Deployed in < 15 minutes
  • ✅ Tests pass (if ran)
  • ✅ No rollbacks needed
  • ✅ Change works as expected
  • ✅ No side effects

You should have escalated if:

  • ⚠️ Took > 15 minutes
  • ⚠️ Found edge cases
  • ⚠️ Tests failed
  • ⚠️ Needed to change multiple files
  • ⚠️ Uncertain about correctness

Quick Reference

Quick Workflow Commands:

# Find code
grep -r "search term" src/
find src/ -name "*filename*"

# Verify
npm run typecheck

# Deploy
./​scripts/​deploy.sh qual --all

Time Allocation:

  • Phase 1: 3-10 minutes (locate + change + verify)
  • Phase 2: 2-5 minutes (deploy)
  • Total: 5-15 minutes

Decision:

  • 1 file, trivial, no logic → Quick ✅
  • 2+ files, validation needed → Iterative
  • Logic changes, tests needed → Standard

Summary

The Quick workflow is for trivial changes only. It's fast because:

  • No research phase (you know where the code is)
  • No planning phase (change is obvious)
  • No review phase (tests cover it)

Use it often for small fixes, but escalate quickly if anything feels non-trivial.

Remember: It's better to start with Quick and escalate than to skip phases in Standard workflow.

More DevOps & CI/CD skills

Project scaffolding, deployment configuration, and CI/CD setup for Google ADK agents.

6K 472.6K
View

Set up tracing, logging, and monitoring for deployed ADK agents across Cloud Trace, BigQuery, and third-party platforms.

6K 472.6K
View

Enterprise Azure infrastructure architect generating Bicep or Terraform from workload descriptions.

1.5K 454.3K
View
azure-kubernetes logo
DevOps & CI/CD

azure-kubernetes

Plan and configure production-ready Azure Kubernetes Service clusters with Day-0 and Day-1 best practices.

1.5K 447.1K
View

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.

92.7K 354.9K
View
just-scrape logo
DevOps & CI/CD

just-scrape

Web search, scraping, extraction, crawling, and monitoring via ScrapeGraph AI CLI.

69 245K
View

Skill for working with Firebase Hosting (Classic). Use this when you want to deploy static web apps, Single Page Apps (SPAs), or simple microservices. Do NOT use for Firebase App Hosting.

462 159.7K
View

Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.

462 159.1K
View
deploy-to-vercel logo
DevOps & CI/CD

deploy-to-vercel

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".

31.9K 146.6K
View
programmatic-seo logo
DevOps & CI/CD

programmatic-seo

Build SEO-optimized pages at scale using templates, data, and proven playbook patterns.

53.3K 140.1K
View

Design and build isolated, reusable Convex backend components with clear boundaries and app-facing wrappers.

63 123.5K
View

Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel", "set up vercel", "add environment variables to vercel".

31.9K 116.1K
View

Coding & apps AI tools

Opus Clip logo
Coding & apps

Opus Clip

Opus.ai: Revolutionize Your Web Experience

Free
View
Imagica logo
Coding & apps

Imagica

Build a no-code AI app in minutes.

Freemium
View
E
Coding & apps

Emergent.sh

An IDE for code migration from legacy to modern frameworks through coding agents.

Freemium
View
Wonder Dynamics logo
Coding & apps

Wonder Dynamics

Automate CGI animation in live-action scenes

Paid
View
M
Coding & apps

Mixo

Launch a website in seconds with AI.

Paid
View
AI Code Convert logo
Coding & apps

AI Code Convert

Streamline Your Coding Experience with AI Code Helper

Free
View