UI Styling
Ohh-889/skyroc
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
Apply climate-specific urban design strategies for hot-arid, tropical, temperate, and cold climates.
$ npx skills add Abhinavbwj/Urban-Design-Skills-Claude --skill climate-responsive-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Abhinavbwj/Urban-Design-Skills-Claude climate-responsive-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Abhinavbwj/Urban-Design-Skills-Claude.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/climate-responsive-design .claude/skills/climate-responsive-design && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "climate-responsive-design" agent skill from https://github.com/Abhinavbwj/Urban-Design-Skills-Claude/tree/main/skills/climate-responsive-design into .claude/skills/climate-responsive-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "climate-responsive-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/Abhinavbwj/Urban-Design-Skills-Claude/tree/main/skills/climate-responsive-designType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add Abhinavbwj/Urban-Design-Skills-Claude --skill climate-responsive-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Abhinavbwj/Urban-Design-Skills-Claude climate-responsive-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Abhinavbwj/Urban-Design-Skills-Claude.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/climate-responsive-design .agents/skills/climate-responsive-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "climate-responsive-design" agent skill from https://github.com/Abhinavbwj/Urban-Design-Skills-Claude/tree/main/skills/climate-responsive-design into .agents/skills/climate-responsive-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "climate-responsive-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Abhinavbwj/Urban-Design-Skills-Claude --skill climate-responsive-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Abhinavbwj/Urban-Design-Skills-Claude climate-responsive-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Abhinavbwj/Urban-Design-Skills-Claude.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/climate-responsive-design .cursor/skills/climate-responsive-design && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "climate-responsive-design" agent skill from https://github.com/Abhinavbwj/Urban-Design-Skills-Claude/tree/main/skills/climate-responsive-design into .cursor/skills/climate-responsive-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "climate-responsive-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/Abhinavbwj/Urban-Design-Skills-Claude.git --path skills/climate-responsive-design--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Abhinavbwj/Urban-Design-Skills-Claude --skill climate-responsive-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Abhinavbwj/Urban-Design-Skills-Claude climate-responsive-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Abhinavbwj/Urban-Design-Skills-Claude.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/climate-responsive-design .gemini/skills/climate-responsive-design && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "climate-responsive-design" agent skill from https://github.com/Abhinavbwj/Urban-Design-Skills-Claude/tree/main/skills/climate-responsive-design into .gemini/skills/climate-responsive-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "climate-responsive-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install Abhinavbwj/Urban-Design-Skills-Claude climate-responsive-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add Abhinavbwj/Urban-Design-Skills-Claude --skill climate-responsive-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Abhinavbwj/Urban-Design-Skills-Claude.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/climate-responsive-design .github/skills/climate-responsive-design && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "climate-responsive-design" agent skill from https://github.com/Abhinavbwj/Urban-Design-Skills-Claude/tree/main/skills/climate-responsive-design into .github/skills/climate-responsive-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "climate-responsive-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Abhinavbwj/Urban-Design-Skills-Claude --skill climate-responsive-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Abhinavbwj/Urban-Design-Skills-Claude climate-responsive-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Abhinavbwj/Urban-Design-Skills-Claude.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/climate-responsive-design .opencode/skills/climate-responsive-design && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "climate-responsive-design" agent skill from https://github.com/Abhinavbwj/Urban-Design-Skills-Claude/tree/main/skills/climate-responsive-design into .opencode/skills/climate-responsive-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "climate-responsive-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
climate-responsive-designApply climate-specific urban design strategies for hot-arid, tropical, temperate, and cold climates.
Climate Responsive Design is an agent skill from Abhinavbwj/Urban-Design-Skills-Claude. Apply climate-specific urban design strategies for hot-arid, tropical, temperate, and cold climates. Covers building orientation, street alignment, shading strategies, wind management, vegetation selection, urban heat island mitigation, stormwater management, and thermal comfort in outdoor spaces. Use when the user specifies a climate zone, asks about climate-responsive design, needs orientation advice, asks about heat island mitigation, discusses thermal comfort, or designs for extreme weather conditions. Also…
Its SKILL.md is about 9.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including reference files (for example `references/climate-zones.md` and `references/mitigation-strategies.md`).
It sits in Frontend & Design, covering Responsive design. The repository describes itself as: Urban Design Skills Claude. The licence is MIT.
7 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 666327b. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Links to these hosts (documentation or services it may open):
epa.govashrae.orgiso.orgutci.orgnature.combrebookshop.comusgbc.orgc40.orgwww1.bca.gov.sgdmt.gov.aemeteoblue.comFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Climate Responsive Design loads about 9.2k tokens when it runs, and up to ~22k if it reads all its reference files. Until then it costs about 156 tokens; SKILL.md has 4,408 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from Abhinavbwj/Urban-Design-Skills-Claude at commit 666327b, republished under its MIT licence (© Abhinavbwj). 4,408 words, ~9,152 tokens.
.claude/skills/climate-responsive-design/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.This skill provides a systematic framework for designing urban environments that respond to local climate conditions. It draws on bioclimatic design principles, the Koppen-Geiger climate classification, thermal comfort research (UTCI, PET), urban heat island science, and green infrastructure best practices from cities worldwide. The goal is to ensure that every urban design decision -- from street orientation to material selection -- is informed by the specific climate context of the project.
Use the following decision tree to identify the relevant climate zone for any project location. This simplified classification maps the Koppen-Geiger system to four design-relevant climate archetypes.
START: What is the average temperature of the hottest month?
> 30 C --> What is the annual rainfall?
| |
| +--> < 250 mm --> HOT-ARID (BWh/BSh)
| +--> 250-500 mm --> HOT-ARID (BSh) with seasonal rain
| +--> > 500 mm --> What is the average humidity?
| |
| +--> RH > 70% --> TROPICAL (Af/Am/Aw)
| +--> RH < 70% --> HOT-ARID (semi-arid transition)
|
25-30 C --> What is the average temperature of the coldest month?
| |
| +--> > 18 C --> TROPICAL (Af/Am/Aw)
| +--> 0-18 C --> What is the annual rainfall?
| | |
| | +--> Dry summers (Csa/Csb) --> TEMPERATE (Mediterranean)
| | +--> Uniform/wet summers --> TEMPERATE (Cfa/Cfb)
| |
| +--> < 0 C --> COLD (Dfb/Dfc)
|
< 25 C --> What is the coldest month average?
|
+--> > 0 C --> TEMPERATE (Cfb/Cfc)
+--> -3 to 0 C --> TEMPERATE (cold variant, Dfb transition)
+--> < -3 C --> COLD (Dfb/Dfc/ET)HOT-ARID (BWh / BSh)
TROPICAL (Af / Am / Aw)
TEMPERATE (Cfa / Cfb / Csa / Csb)
COLD (Dfb / Dfc / ET)
The following matrix provides specific design values for each strategy across the four climate zones. Use this as a rapid-reference lookup for any design decision.
| Strategy | Hot-Arid | Tropical | Temperate | Cold |
|---|---|---|---|---|
| Primary street axis | E-W (narrow canyon) | N-S or NE-SW (capture breeze) | E-W (maximize south facade solar) | E-W (maximize south facade solar) |
| Secondary street axis | N-S (minimize west exposure) | E-W (cross-ventilation) | N-S (variety and ventilation) | N-S (minimize wind tunnels) |
| Diagonal streets | Avoid (increases sun exposure) | 45 degrees to wind (optimal ventilation) | Acceptable with shading | Avoid (creates wind acceleration) |
| Strategy | Hot-Arid | Tropical | Temperate | Cold |
|---|---|---|---|---|
| E-W streets | 2:1 to 4:1 (deep shade) | 0.5:1 to 1:1 (air flow) | 1:1 to 1.5:1 (balanced) | 0.5:1 to 1:1 (solar access) |
| N-S streets | 1:1 to 2:1 | 0.5:1 to 1:1 | 1:1 to 2:1 | 1:1 to 1.5:1 |
| Optimal canyon width (local) | 6-10m (narrow, shaded) | 15-20m (wide, ventilated) | 12-18m (moderate) | 12-16m (moderate, wind-protected) |
| Strategy | Hot-Arid | Tropical | Temperate | Cold |
|---|---|---|---|---|
| Tree canopy target | 20-30% (water-limited) | 30-40% (lush canopy) | 30-40% (deciduous dominant) | 15-25% (hardy species) |
| Tree type | Drought-tolerant, deep roots, spreading canopy (date palm, ghaf, mesquite, palo verde) | Broad-leaf evergreen, rapid growth, high transpiration (rain tree, mango, ficus, mahogany) | Deciduous for seasonal light (maple, oak, plane, linden, elm) | Deciduous south side (birch, linden, ash); evergreen north side as windbreak (spruce, pine, fir) |
| Understory | Drought-tolerant groundcover, gravel mulch, xeriscaping | Dense understory, rain gardens, bioswales, tropical grasses | Mixed perennial, seasonal interest, rain gardens | Hardy groundcover, salt-tolerant near roads, snow-shedding shrubs |
| Irrigation | Drip irrigation required, greywater reuse, no spray irrigation | Rarely needed (self-sustaining with natural rainfall) | Establishment period only (1-3 years), then rain-fed | Not typically needed; snow melt provides moisture |
| Strategy | Hot-Arid | Tropical | Temperate | Cold |
|---|---|---|---|---|
| Thermal mass | High: thick walls (300-400mm), stone, concrete, rammed earth | Low: lightweight, timber, steel, ventilated cavities | Medium: masonry with insulation, concrete frame with thermal breaks | High: heavy insulated walls (300mm+ insulation), thermal mass inside insulation envelope |
| Wall construction | Insulated masonry or ICF, light color exterior, small windows on E/W | Lightweight framed, large openings, operable louvers, ventilated rain screen | Masonry cavity wall with insulation, moderate glazing ratio | Triple-glazed, super-insulated (R-40+ walls), airtight with HRV |
| Roof design | Flat or low-slope, high albedo (SRI >78), insulated | Steep pitch (>25 degrees), overhanging eaves (1.5m+), ventilated attic | Moderate pitch, insulated, green roof or cool roof | Steep pitch (>30 degrees) for snow shedding, heavily insulated (R-60+), ice dam prevention |
| Color palette | Light: white, cream, sand, beige (albedo >0.6) | Medium: natural tones, greens (roof vegetation preferred) | Variable: responsive to context and aesthetics | Medium to dark (absorb limited winter sun), but with high insulation values |
| Strategy | Hot-Arid | Tropical | Temperate | Cold |
|---|---|---|---|---|
| Plaza design | Shaded courtyard (80% shade), fountains, evaporative cooling, small and enclosed | Open, elevated for breeze, rain-sheltered pavilions, water features for cooling | Sunny plazas (south-facing), wind-sheltered, seasonal use (outdoor dining Apr-Oct) | Sun traps: south-facing, wind-sheltered enclosures, heated surfaces, year-round weather protection |
| Park design | Oasis model: shade trees, water channels, walled gardens, night use | Canopy parks: dense tree cover, elevated paths above flood level, water management features | Four-season parks: deciduous trees, open lawns for sun, sheltered seating areas, rain gardens | Winter-activated parks: skating, sledding hills, sheltered play, illuminated landscapes, heated pavilions |
| Key feature | Water conservation and shade | Drainage and ventilation | Seasonal adaptability | Wind protection and solar exposure |
| Strategy | Hot-Arid | Tropical | Temperate | Cold |
|---|---|---|---|---|
| Hot-season wind | Block hot desert winds with walls, dense planting, building mass | Channel sea breeze through buildings and streets (wind corridors) | Capture summer breeze for ventilation through parks and open spaces | Block cold winter winds with buildings, evergreen windbreaks, terrain |
| Cold-season wind | Welcome cool winter breezes (open up wind paths) | N/A (no cold season) | Shelter outdoor spaces from north/northwest winter winds | Primary design challenge: create wind shadows, wind breaks at 10-15x tree height |
| Building orientation for wind | Minimize windward openings in hot-wind direction | Orient long axis perpendicular to prevailing breeze for cross-ventilation | Balance ventilation and wind protection seasonally | Long axis parallel to prevailing cold wind (minimize exposed facade) |
| Wind corridors | Not needed (wind carries heat and dust) | Essential: 30-50m wide, aligned with prevailing breeze, connect coast/river to interior | Moderate: 20-30m corridors through dense areas for summer ventilation | Avoid creating wind tunnels; stagger buildings to break wind |
| Strategy | Hot-Arid | Tropical | Temperate | Cold |
|---|---|---|---|---|
| Primary challenge | Scarcity: conserve every drop | Abundance: manage intense rainfall and flooding | Balance: seasonal dry spells and wet periods | Snow management, spring melt flooding, frozen ground infiltration |
| Stormwater approach | Wadis (dry channels), cisterns, retention basins sized for rare events | Large bioswales, detention ponds, elevated structures, permeable surfaces everywhere | Rain gardens, bioswales, green roofs, permeable paving, detention basins | Snow storage areas, snowmelt management, insulated bioswales, spring detention |
| Water reuse | Greywater recycling mandatory, blackwater treatment for irrigation, rainwater harvesting (every drop) | Rainwater harvesting for non-potable use, constructed wetlands for treatment | Rainwater harvesting optional, greywater for toilet flushing and irrigation | Snowmelt collection, limited greywater (freezing concerns in pipes) |
| Design storm | Size for 50-100 year event (rare but catastrophic flash floods) | Size for 10-year event with overflow for 100-year | Size for 10-25 year event | Size for spring snowmelt + 10-year rain event combined |
| Strategy | Hot-Arid | Tropical | Temperate | Cold |
|---|---|---|---|---|
| Preferred material | Light-colored stone, light concrete, compacted stabilized earth, gravel | Permeable paving, elevated boardwalks, gravel paths, natural stone, grass pavers | Mix of concrete, natural stone, permeable paving, planted areas | Durable concrete, heated pavement at entries, salt-resistant materials, textured for traction |
| Albedo target | >0.5 (high reflectance) | 0.3-0.4 (moderate, avoid glare) | 0.3-0.4 (moderate) | 0.2-0.3 (lower albedo absorbs winter sun; prioritize traction) |
| Permeability target | 30%+ of paved area (flash flood management) | 60%+ of paved area (continuous rainfall infiltration) | 40-50% of paved area | 30-40% (limited by freeze-thaw durability of permeable paving) |
| Special considerations | Glare control (avoid highly polished surfaces), thermal comfort (surface temp >70 C in sun on dark paving) | Slip resistance when wet, rapid drainage, mold/algae resistance | Freeze-thaw resistance, seasonal maintenance | Snow plow compatibility, de-icing chemical resistance, heated sidewalks at high-use areas |
| Strategy | Hot-Arid | Tropical | Temperate | Cold |
|---|---|---|---|---|
| Primary type | Cool roof (SRI >78, albedo >0.65) or photovoltaic | Green roof (extensive, drought-resistant succulents) or steep ventilated roof | Green roof (extensive or intensive) or cool roof | Steep pitch (>30 deg), dark color (snow melt), heavily insulated, photovoltaic (optimal tilt for low sun angle) |
| Green roof suitability | Limited (water-intensive); use succulent species or PV instead | Excellent (rainfall sustains vegetation); use 150mm+ substrate for stormwater retention | Excellent (moderate rainfall); extensive (sedum, 100mm substrate) or intensive (full garden) | Possible but challenging (freeze-thaw, short growing season); use hardy sedum, structural snow load design |
| Rainwater collection | Priority: collect from all roofs, store in cisterns | Useful for non-potable (toilet flushing, irrigation during dry season) | Moderate priority; useful for irrigation and toilet flushing | Collect snowmelt; insulate storage to prevent freezing |
The urban heat island (UHI) effect causes cities to be 2-8 C warmer than surrounding rural areas, with the greatest differential at night. This section provides specific strategies and their measured cooling performance.
Green infrastructure manages stormwater at the source, reducing flooding, filtering pollutants, recharging groundwater, and creating amenity. The following toolkit is calibrated for urban design applications.
Outdoor thermal comfort determines whether people actually use public spaces. The following metrics and design responses ensure that plazas, parks, streets, and outdoor dining areas are comfortable for the intended duration of use.
UTCI (Universal Thermal Climate Index) The most comprehensive index, accounting for air temperature, radiation, humidity, and wind speed. Comfort categories:
| UTCI Range | Stress Category | Typical Response |
|---|---|---|
| > 46 C | Extreme heat stress | Dangerous; no prolonged outdoor activity |
| 38 - 46 C | Very strong heat stress | Limit to short transit; full shade required |
| 32 - 38 C | Strong heat stress | Shade and breeze essential; limit sitting time to 15-20 min |
| 26 - 32 C | Moderate heat stress | Shade preferred; comfortable with breeze |
| 9 - 26 C | No thermal stress | Comfortable zone; design target for public spaces |
| 0 - 9 C | Slight cold stress | Wind protection needed; sunny spots preferred |
| -13 - 0 C | Moderate cold stress | Wind protection and solar exposure critical; limit sitting |
| -27 - -13 C | Strong cold stress | Heated shelters needed; outdoor use limited to transit |
| < -27 C | Very strong to extreme cold | Dangerous; enclosed or heated spaces required |
PET (Physiological Equivalent Temperature) Widely used in European urban climate studies. Based on the human energy balance model.
| PET Range | Thermal Perception | Grade of Stress |
|---|---|---|
| < 4 C | Very cold | Extreme cold stress |
| 4 - 8 C | Cold | Strong cold stress |
| 8 - 13 C | Cool | Moderate cold stress |
| 13 - 18 C | Slightly cool | Slight cold stress |
| 18 - 23 C | Comfortable | No thermal stress |
| 23 - 29 C | Slightly warm | Slight heat stress |
| 29 - 35 C | Warm | Moderate heat stress |
| 35 - 41 C | Hot | Strong heat stress |
| > 41 C | Very hot | Extreme heat stress |
The amount of shade needed in public spaces depends on latitude, season, and intended use duration.
| Latitude | Summer Shade Needed | Winter Shade Needed | Strategy |
|---|---|---|---|
| 0-15 N/S (Equatorial) | 80-90% | 60-70% | Year-round shade structures, dense tree canopy |
| 15-25 N/S (Tropical) | 70-80% | 40-50% | Deciduous shade trees (if species available) or adjustable shade |
| 25-35 N/S (Subtropical) | 70-80% | 20-30% | Deciduous trees (bare in winter for solar access), retractable canopies |
| 35-45 N/S (Mid-latitude) | 50-70% | 10-20% | Deciduous trees dominant; sunny south-facing seating areas in winter |
| 45-55 N/S (High latitude) | 40-50% | 0-10% | Maximize winter sun exposure; light summer shade from trees |
| 55-65 N/S (Subarctic) | 20-30% | 0% | Maximize sun year-round; wind protection is priority over shade |
The Lawson wind comfort criteria define acceptable wind speeds for different outdoor activities:
| Activity | Maximum Acceptable Mean Wind Speed | Gust Threshold |
|---|---|---|
| Long-term sitting (outdoor dining, reading) | 2.5 m/s | 4 m/s |
| Short-term sitting (bench, waiting) | 4 m/s | 6 m/s |
| Standing (waiting, window shopping) | 6 m/s | 8 m/s |
| Walking (strolling) | 8 m/s | 10 m/s |
| Walking (brisk, commuting) | 10 m/s | 13 m/s |
| Uncomfortable for all activities | > 10 m/s | > 15 m/s |
| Dangerous (risk of falling) | > 15 m/s | > 20 m/s |
Shade Structures
Wind Screens and Shelters
Radiant Heat Management
Solar access is both an opportunity (winter heating, daylight, renewable energy) and a challenge (summer overheating, glare). This section provides the analytical tools for urban-scale solar design.
Solar noon altitude angles at key dates (use for shadow length calculations and building spacing):
| Latitude | Winter Solstice | Equinox | Summer Solstice |
|---|---|---|---|
| 0 (Equator) | 66.5 deg | 90.0 deg | 66.5 deg |
| 10 N/S | 56.5 deg | 80.0 deg | 76.5 deg |
| 20 N/S | 46.5 deg | 70.0 deg | 86.5 deg |
| 23.5 N/S (Tropic) | 43.0 deg | 66.5 deg | 90.0 deg |
| 30 N/S | 36.5 deg | 60.0 deg | 83.5 deg |
| 35 N/S | 31.5 deg | 55.0 deg | 78.5 deg |
| 40 N/S | 26.5 deg | 50.0 deg | 73.5 deg |
| 45 N/S | 21.5 deg | 45.0 deg | 68.5 deg |
| 50 N/S | 16.5 deg | 40.0 deg | 63.5 deg |
| 55 N/S | 11.5 deg | 35.0 deg | 58.5 deg |
| 60 N/S | 6.5 deg | 30.0 deg | 53.5 deg |
Shadow Length = Building Height / tan(solar altitude angle)Worked Examples (at solar noon):
A 20m building at latitude 40 N:
A 30m building at latitude 55 N:
To ensure that a south-facing facade receives at least 2 hours of direct sunlight at winter solstice (a common planning standard), the minimum spacing between buildings (measured from the south facade of the northern building to the north facade of the southern building) is:
Minimum Spacing = Building Height (to south) x [1 / tan(winter solstice noon altitude)]This is a simplified rule for noon. For 2-hour solar access (10:00-14:00), the actual calculation requires checking shadow angles at the start and end times as well. A practical rule of thumb:
| Latitude | Min Spacing as Multiple of Building Height |
|---|---|
| 25 N/S | 1.5x building height |
| 35 N/S | 2.0x building height |
| 45 N/S | 2.5x building height |
| 55 N/S | 4.5x building height |
| 60 N/S | 8.0x building height |
The solar envelope is a three-dimensional volume within which a building can be constructed without blocking a specified duration of solar access on neighboring properties. It is defined by:
The solar envelope is tallest at the south side of a parcel and shortest at the north side (in the northern hemisphere). It is the primary tool for calibrating building height and massing in solar-access-sensitive contexts.
Application by Climate Zone:
Detailed design strategies for each climate zone are documented in:
references/climate-zones.mdThis reference provides city-specific case studies, construction details, vegetation species lists, and performance benchmarks for each of the four climate archetypes.
Complete green infrastructure specifications, urban tree species selection guide, cool materials database, and passive climate strategies at the urban scale are documented in:
references/mitigation-strategies.md© Abhinavbwj, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 2 other files (references) in skills/climate-responsive-design of Abhinavbwj/Urban-Design-Skills-Claude.
Open the folder on GitHubat commit 666327b
Climate Responsive Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Climate Responsive Design this skillAbhinavbwj/Urban-Design-Skills-Claude | 132 | — | ~9.2k | Automated safety check: Pass | MIT | |
| UI StylingOhh-889/skyroc | 795 | 13 repos | ~2.5k | Automated safety check: Pass | MIT | |
| Material 3hamen/material-3-skill | 1.5k | 2 repos | ~7.8k | Automated safety check: Pass | MIT | |
| Trip Map Builderhiyeshu/trip-map-builder | 244 | — | ~1.7k | Automated safety check: Pass | None | |
| Frontend Design Routercode-yeongyu/oh-my-openagent | 70k | — | ~5.3k | Automated safety check: Pass | Custom licence | |
| Local Testinglobehub/lobe-ui | 2.2k | — | ~2.1k | Automated safety check: Pass | MIT |
Ohh-889/skyroc
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
hamen/material-3-skill
Implement Google's Material Design 3 (Material You) UI system.
hiyeshu/trip-map-builder
End-to-end trip planning: gather user constraints, build a reference itinerary, research locations and dining signals via 大众点评 + 小红书, then generate an interactive mobile-first map page (Leaflet +…
code-yeongyu/oh-my-openagent
Routes frontend and UI work through design reference rulesets, with a design-system gate plus layout and print guidance, before any UI code is written.
lobehub/lobe-ui
Local browser verification for the lobe-ui component library and documentation site.
miqdadbadjuber/anti-slop
Mobile layout skill for antislop. An agent skill from miqdadbadjuber/anti-slop.
Abhinavbwj/Urban-Design-Skills-Claude
Estimate construction costs, infrastructure costs, soft costs, and total development costs for urban design projects.
Abhinavbwj/Urban-Design-Skills-Claude
Python computational tools for urban design metric calculations including density, FAR, walkability scoring, parking requirements, green space analysis, and block optimization.
Abhinavbwj/Urban-Design-Skills-Claude
Design urban blocks and optimize density using typological analysis, FAR calculations, and building configuration strategies.
Abhinavbwj/Urban-Design-Skills-Claude
Evaluate urban designs against comprehensive criteria drawn from all major global standards, certification systems, and theoretical frameworks.
Abhinavbwj/Urban-Design-Skills-Claude
Comprehensive mobility and transport planning for urban design including trip generation, mode split targets, street network connectivity, transit planning, cycling network design, pedestrian…
Abhinavbwj/Urban-Design-Skills-Claude
Research and analyze urban design precedents systematically.
Categories
Apply climate-specific urban design strategies for hot-arid, tropical, temperate, and cold climates. Climate Responsive Design is an agent skill from Abhinavbwj/Urban-Design-Skills-Claude. Apply climate-specific urban design strategies for hot-arid, tropical, temperate, and cold climates.
Climate Responsive Design fits situations like: the user specifies a climate zone; asks about climate-responsive design; needs orientation advice; asks about heat island mitigation.
Run `npx skills add Abhinavbwj/Urban-Design-Skills-Claude --skill climate-responsive-design -a claude-code`. Or copy the skill folder (skills/climate-responsive-design in Abhinavbwj/Urban-Design-Skills-Claude) into .claude/skills/climate-responsive-design in your project. Claude Code loads it when a task matches its description.
Run `npx skills add Abhinavbwj/Urban-Design-Skills-Claude --skill climate-responsive-design -a codex`. Or copy the skill folder (skills/climate-responsive-design in Abhinavbwj/Urban-Design-Skills-Claude) into .agents/skills/climate-responsive-design in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Abhinavbwj/Urban-Design-Skills-Claude --skill climate-responsive-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/climate-responsive-design, .gemini/skills/climate-responsive-design, .github/skills/climate-responsive-design and .opencode/skills/climate-responsive-design in your project.
SKILL.md names no scripts, command-line tools or credentials: Climate Responsive Design is instructions for the agent only.
SKILL.md names 11 domains. As links in the text: epa.gov, ashrae.org, iso.org, utci.org, nature.com, brebookshop.com, usgbc.org, c40.org, www1.bca.gov.sg, dmt.gov.ae and meteoblue.com. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Climate Responsive Design is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 9.2k tokens (SKILL.md is roughly 37k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 13k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Climate Responsive Design: UI Styling (Ohh-889/skyroc, 795 stars), Material 3 (hamen/material-3-skill, 1.5k stars), Trip Map Builder (hiyeshu/trip-map-builder, 244 stars) and Frontend Design Router (code-yeongyu/oh-my-openagent, 70k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Abhinavbwj (a GitHub user) maintains it in Abhinavbwj/Urban-Design-Skills-Claude, which has 132 GitHub stars. The repository holds 18 skills in this directory. The repository was last updated on March 12, 2026.
Source: Abhinavbwj/Urban-Design-Skills-Claude on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.