Category

Design & UX

UI, UX, design systems, accessibility, visual design, and frontend polish

6,972
skills in category
291
pages available
Security grades appear on each card once the skill has been scanned. Newly imported skills may briefly show without a grade until the backfill job runs.
Open in full browser

Browse design & ux skills

Showing 5,905–5,928 of 6,972 skills

Mc Local Grid VisualizeA

Generates interactive 3D HTML visualization of the session-local occupancy grid. Opens in browser.

designpythondebugging
0
10
Pitch DeckA

Generate professional PowerPoint pitch decks for startups and businesses. Use this skill when users request help creating investor pitch decks, sales presentations, or business pitch presentations. The skill follows standard 10-slide pitch deck structure and includes best practices for content and design.

designpythongo
0
617
ShadcnA

Best practices for building UI components with shadcn/ui. Use when creating, customizing, or styling components with shadcn, working with Radix UI primitives, implementing design tokens, or following compound component patterns.

designtypescriptbash
0
617
ShadcnA

Best practices for building UI components with shadcn/ui. Use when creating, customizing, or styling components with shadcn, working with Radix UI primitives, implementing design tokens, or following compound component patterns.

designtypescriptbash
0
2,746
Remotion RenderA

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated ...

designpythonbash
0
752
Frontend DesignA

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

designgoreact
0
150
Brand IdentityA

Provides the single source of truth for brand guidelines, design tokens, technology choices, and voice/tone. Use this skill whenever generating UI components, styling applications, writing copy, or creating user-facing assets to ensure brand consistency.

designgoreact
0
372
Building TypologyA

Identify and apply building typologies for residential, commercial, institutional, hospitality, industrial, cultural, and mixed-use buildings. Use when the user asks about building types, plan configurations, floor plate design, core arrangements, net-to-gross ratios, structural grids, floor-to-floor heights, unit mix, parking strategies, or exemplar buildings. Also use when comparing typological options, selecting an appropriate building form for a site, evaluating plan depth and daylight, o...

designrustgo
0
153
Smoke Exhaust ReviewA

This skill should be used when evaluating smoke exhaust compliance for buildings in Taiwan, including windowless floor determination, smoke compartment partitioning, smoke exhaust window effective area calculations, and supplementary code checks per Taiwan Building Technical Regulations §100-102 and Fire Safety Equipment Standards §28. Trigger words: 排煙檢討、無開口樓層判定、防煙區劃、排煙窗/排煙口有效面積。

designtypescriptgo
0
153
Acoustic DesignA

This skill should be used when designing architectural acoustics, including room acoustics, noise control, and sound insulation. Trigger words: 隔音設計、噪音控制、室內音響、樓板衝擊音。 整體IEQ多系統評估請用indoor-environment。

designtypescript
0
153
Architect CalculatorA

This skill should be used for quick rough estimates (速算/粗估): floor area analysis (容積/樓地板面積試算), structural sizing estimation (結構粗估), MEP load estimation (機電負荷估算), and cost estimation (造價估算). For statutory precise checks use the specialized skills instead (concrete-*-design, balcony-lobby-far-recalculation, height-ratio-front-road-review, taiwan-mep-unit-basis).

designtypescriptgo
0
153
Building SustainabilityA

This skill should be used when designing green building and sustainable architecture, integrating environmental assessment, energy efficiency, and resource circularity. 本skill為國際永續框架總論;台灣EEWH綠建築標章申請請用green-building-label,LEED認證請用leed,建築能效標示請用building-energy-rating。Trigger words: 永續建築總論。

designtypescriptgo
0
153
Daylighting DesignA

This skill should be used when designing and analyzing daylighting systems, optimizing natural light utilization, and evaluating visual comfort. Trigger words: 自然採光、晝光設計、遮陽設計、眩光控制。 整體IEQ多系統評估請用indoor-environment。

designtypescript
0
153
Well BuildingA

This skill should be used when designing for WELL Building Certification or improving indoor health environment based on IWBI standards. 僅限WELL認證流程;台灣本地室內環境品質設計請用indoor-environment。Trigger words: WELL健康建築認證。

designtestingperformance
0
153
Structural SystemsA

This skill should be used when designing and analyzing building structural systems, including seismic design, structural system selection, and load calculation. Trigger words: 結構系統選擇、耐震設計、載重計算。

designtypescript
0
153
Building ServicesA

This skill should be used when designing building MEP systems including HVAC, plumbing, electrical, fire protection, and system integration. Based on ASHRAE/NEC (US practice), not yet localized to Taiwan — NOT for Taiwan statutory values: use plumbing-drainage-design-code, taipower-indoor-wiring-ampacity, taiwan-telecom-design-codes, taiwan-water-meter-installation for those. Trigger words: 機電系統整合、HVAC空調概念設計。

designtypescript
0
153
Building EnvelopeA

This skill should be used when designing and analyzing building envelope systems, including wall assemblies, roofs, glazing, thermal performance, and waterproofing. Trigger words: 外牆系統、帷幕牆、屋頂防水、開窗熱性能、建築外殼。

designtypescriptperformance
0
153
NetworkingA

Linux networking fundamentals - configuration, troubleshooting, security

designgobash
0
3
Bb Invoke NetgenA

调用 Netgen 1.5.275 做 LVS 对比:综合网表 vs Magic 提取的 SPICE,必须 match 才能 signoff。触发场景:(1) bba-guru-pd extract 后做 LVS;(2) 显式 /bb-invoke-netgen。

designgobash
0
42
Bb Invoke MagicA

调用 Magic 8.3.641 执行 PD 操作:floorplan / place / DRC / layout extraction。触发场景:(1) bba-guru-pd 做 floorplan 与 placement;(2) routing 后做 DRC;(3) LVS 前 extract SPICE;(4) 显式 /bb-invoke-magic。

designgo
0
42
Bb Invoke KlayoutA

调用 KLayout 0.30.8 执行 GDSII 导出(stream out)、GDS-level DRC、或导出后 verify。PD 流程末尾产出最终 .gds(signoff 产物)。触发场景:(1) bba-guru-pd routed 后 GDS export;(2) GDS 层 DRC 检查;(3) 导出后 verify;(4) 显式 /bb-invoke-klayout。

designgoruby
0
42
Bb Create FloorplanA

从 MAS(io_ring/pad_list/clock_plan)+ 综合网表生成 Magic floorplan TCL,交给 bb-invoke-magic 执行。触发场景:(1) bba-guru-pd 综合后做 floorplan;(2) DRC 失败后调整 utilization 重生成;(3) 显式 /bb-create-floorplan。

designpythongo
0
42
Generate ImagesA

Generate and edit images using Nano Banana (Google Gemini image generation). Use whenever Claude Code needs to create new images, edit existing images, generate icons, diagrams, mockups, or any visual content.

designgobash
0
17
Frontend DesignA

引導 Claude 產出高品質的前端設計,避免 AI 生成的通用風格(AI slop)。包含字型、色彩、動態、背景的設計指引。

designgogit
0
155