Overview CLI FAQ

Agent Skills 排行榜 · 关键词 + 语义搜索

按 / 聚焦搜索框
正在使用 AI 进行语义搜索...
21,414
总 Skills
34.3M
总安装量
2,438
贡献者
# Skill 仓库 描述 安装量
5351 m10-performance actionbook/rust-skills
Performance Optimization Layer 2: Design Choices Core Question What's the bottleneck, and is optimization worth it? Before optimizing: Have you measured? (Don't guess) What's the acceptable performance? Will optimization add complexity? Performance Decision → Implementation Goal Design Choice Implementation Reduce allocations Pre-allocate, reuse with_capacity , object pools Improve cache Contiguous data Vec , SmallVec Parallelize Data parallelism rayon , threads Avoid copies Zero-copy References...
 412
5352 metrickit-diagnostics dpearson2699/swift-ios-skills
MetricKit Diagnostics Collect aggregated performance metrics and crash diagnostics from production devices using MetricKit. The framework delivers daily metric payloads (CPU, memory, launch time, hang rate, animation hitches, network usage) and immediate diagnostic payloads (crashes, hangs, disk-write exceptions) with full call-stack trees for triage. Contents Subscriber Setup Receiving Metric Payloads Receiving Diagnostic Payloads Key Metrics Call Stack Trees Custom Signpost Metrics Exporting a...
 411
5353 executing-plans sickn33/antigravity-awesome-skills
Executing Plans Overview Load plan, review critically, execute all tasks, report when complete. Announce at start: "I'm using the executing-plans skill to implement this plan." Note: Tell your human partner that Superpowers works much better with access to subagents. The quality of its work will be significantly higher if run on a platform with subagent support (such as Claude Code or Codex). If subagents are available, use superpowers:subagent-driven-development instead of this skill. The Proce...
 411
5354 terraform-diagrams eraserlabs/eraser-io
Terraform Diagram Generator Generates architecture diagrams directly from Terraform .tf files. Specializes in parsing Terraform code and visualizing infrastructure resources, modules, and their relationships. When to Use Activate this skill when: User has Terraform files (.tf, .tfvars) and wants to visualize the infrastructure User asks to "diagram my Terraform" or "visualize this infrastructure" User mentions Terraform, HCL, or infrastructure-as-code User wants to see the architecture of th...
 411
5355 git:create-worktree neolabhq/context-engineering-kit
Claude Command: Create Worktree Your job is to create and setup git worktrees for parallel development, with automatic detection and installation of project dependencies. Instructions CRITICAL: Perform the following steps exactly as described: Current state check : Run git worktree list to show existing worktrees and git status to verify the repository state is clean (no uncommitted changes that might cause issues) Fetch latest remote branches : Run git fetch --all to ensure local has knowledge ...
 411
5356 product boshu2/agentops
/product — Interactive PRODUCT.md Generation Purpose: Guide the user through creating a PRODUCT.md that unlocks product-aware council reviews in /pre-mortem and /vibe . YOU MUST EXECUTE THIS WORKFLOW. Do not just describe it. CLI dependencies: None required. Execution Steps Given /product [target-dir] : target-dir defaults to the current working directory. Step 1: Pre-flight Check if PRODUCT.md already exists: ls PRODUCT.md 2 > /dev/null If it exists: Use AskUserQuestion: Question: "PRODUCT.md a...
 411
5357 add-sfx remotion-dev/remotion
Prerequisites Sound effects must first be added to the remotion.media repository. The source of truth is generate.ts in that repo. A sound effect must exist there before it can be added to @remotion/sfx . Sound effects must be: WAV format CC0 (Creative Commons 0) licensed Normalized to peak at -3dB Steps 1. Add to remotion.media repo (must be done first) In the remotion-dev/remotion.media repo: Add the WAV file to the root of the repo Add an entry to the soundEffects array in generate.ts : { fil...
 411
5358 template-page-generator kostja94/marketing-skills
Pages: Template Page Guides template page design for two distinct use cases: (1) Programmatic SEO — template + data = scale; (2) User-facing templates — users browse, select, and use templates to generate their own content (CMS, images, websites, vibe coding). See programmatic-seo for the scale framework. This skill covers template aggregation pages (gallery, hub) and template detail pages (individual template with "use" flow). When invoking : On first use , if helpful, open with 1–2 sentences o...
 411
5359 mantine-combobox mantinedev/skills
Mantine Combobox Skill Overview Combobox provides low-level primitives for building any select-like UI. The built-in Select , Autocomplete , and TagsInput components are all built on top of it. Core Workflow 1. Create the store const combobox = useCombobox ( { onDropdownClose : ( ) => combobox . resetSelectedOption ( ) , onDropdownOpen : ( ) => combobox . selectFirstOption ( ) , } ) ; 2. Render structure < Combobox store = { combobox } onOptionSubmit = { handleSubmit } > < Combobox.Target > < In...
 411
5360 get-api-docs andrewyng/context-hub
Get API Docs via chub When you need documentation for a library or API, fetch it with the chub CLI rather than guessing from training data. This gives you the current, correct API. Step 1 — Find the right doc ID chub search "<library name>" --json Pick the best-matching id from the results (e.g. openai/chat , anthropic/sdk , stripe/api ). If nothing matches, try a broader term. Step 2 — Fetch the docs chub get < id > --lang py or --lang js, --lang ts Omit --lang if the doc has only one language...
 411
5361 naver-blog-research nomadamas/k-skill
네이버 블로그 리서치 What this skill does 네이버 블로그를 검색하고, 개별 포스트의 원문을 읽고, 이미지를 로컬에 다운로드한다. API 키 없이 python3 표준 라이브러리만으로 동작한다. 검색 결과를 구조화된 JSON으로 출력한다. 모바일 버전( m.blog.naver.com )을 이용해 iframe 없이 본문을 직접 추출한다. 블로그 이미지 CDN( blogfiles.naver.net , postfiles.pstatic.net )에서 이미지를 다운로드한다. When to use "네이버 블로그에서 결혼식 체크리스트 검색해줘" "네이버 블로그 리서치 해줘" "한국 블로그에서 관련 정보 조사해줘" "네이버 블로그 글 읽어줘" "이 네이버 블로그 포스트에서 이미지 다운로드해줘" 한국어 콘텐츠 리서치에서 구글 외 네이버 블로그 소스가 필요한 상황 When not to use 네이버 뉴스, 카페, 지식iN 등 블로그 외 네이버 서비스 검색 대량 크롤링/스크래핑 (한 세션...
 411
5362 domain-model mattpocock/skills
Interview me relentlessly about every aspect of this plan until we reach a shared understanding. Walk down each branch of the design tree, resolving dependencies between decisions one-by-one. For each question, provide your recommended answer. Ask the questions one at a time, waiting for feedback on each question before continuing. If a question can be answered by exploring the codebase, explore the codebase instead. Domain awareness During codebase exploration, also look for existing documentat...
 411
5363 vercel-react-best-practices lobehub/lobehub
Vercel React Best Practices Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 62 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. When to Apply Reference these guidelines when: Writing new React components or Next.js pages Implementing data fetching (client or server-side) Reviewing code for performance issues Refactoring existing React/Next.js code Optimizing bundle size or load tim...
 410
5364 unjs hairyf/skills
UnJS (Unified JavaScript) is an ecosystem of high-quality, single-purpose JavaScript libraries and tools designed to work together and independently across any environment. These skills cover the core packages and their practical usage patterns for building universal JavaScript applications. The skill is based on UnJS website, generated at 2026-01-31. Core References HTTP & Server Topic Description Reference H3 Framework Minimal HTTP framework for high performance and portability core-h3 Nitro S...
 410
5365 opentelemetry bobmatnyc/claude-mpm-skills
OpenTelemetry Quick Start (signal design) Export OTLP via an OpenTelemetry Collector (vendor-neutral endpoint). Standardize resource attributes: service.name, service.version, deployment.environment. Start with auto-instrumentation, then add manual spans and log correlation. Load Next (References) references/concepts.md — traces/metrics/logs, context propagation, sampling, semantic conventions references/collector-and-otlp.md — Collector pipelines, processors, deployment patterns, tail sampling ...
 410
5366 musickit-audio dpearson2699/swift-ios-skills
MusicKit + MediaPlayer Search the Apple Music catalog, manage playback with ApplicationMusicPlayer , check subscriptions, and publish Now Playing metadata via MPNowPlayingInfoCenter and MPRemoteCommandCenter . Targets Swift 6.2 / iOS 26+. Contents Setup Authorization Catalog Search Subscription Checks Playback with ApplicationMusicPlayer Queue Management Now Playing Info Remote Command Center Common Mistakes Review Checklist References Setup Project Configuration Enable the MusicKit capability i...
 410
5367 trace boshu2/agentops
Trace Skill Quick Ref: Trace design decisions through CASS sessions, handoffs, git, and artifacts. Output: .agents/research/YYYY-MM-DD-trace-*.md YOU MUST EXECUTE THIS WORKFLOW. Do not just describe it. When to Use Trace HOW architectural decisions evolved Find WHEN a concept was introduced Understand WHY something was designed a certain way Build provenance chain for design decisions For knowledge artifact lineage (learnings, patterns, tiers), use /provenance instead. CLI dependencies: cass (se...
 410
5368 tauri-development mindrally/skills
Tauri Development Guidelines You are an expert in TypeScript and Rust development for cross-platform desktop applications using Tauri. Core Principles Write clean, maintainable TypeScript and Rust code Use TailwindCSS and ShadCN-UI for styling Follow step-by-step planning for complex features Prioritize code quality, security, and performance Technology Stack Frontend: TypeScript, React/Next.js, TailwindCSS, ShadCN-UI Backend: Rust, Tauri APIs Build: Tauri CLI, Vite/Webpack Project Structure s...
 410
5369 macos-cleaner daymade/claude-code-skills
macOS Cleaner Overview Intelligently analyze macOS disk usage and provide actionable cleanup recommendations to reclaim storage space. This skill follows a safety-first philosophy: analyze thoroughly, present clear findings, and require explicit user confirmation before executing any deletions. Target users: Users with basic technical knowledge who understand file systems but need guidance on what's safe to delete on macOS. Core Principles Safety First, Never Bypass: NEVER execute dangerous c...
 410
5370 asc-screenshot-resize rudrankriyam/app-store-connect-cli-skills
asc screenshot resize Use this skill to resize screenshots to the exact pixel dimensions required by App Store Connect and validate they pass upload requirements. Uses the built-in macOS sips tool — no third-party dependencies needed. Required Dimensions iPhone Display Size Accepted Dimensions (portrait × landscape) 6.9" 1260 × 2736, 2736 × 1260, 1320 × 2868, 2868 × 1320, 1290 × 2796, 2796 × 1290 6.5" 1242 × 2688, 2688 × 1242, 1284 × 2778, 2778 × 1284 6.3" 1206 × 2622, 2622 × 1206, 1179 × 2556, ...
 410
5371 brand-protection kostja94/marketing-skills
Strategy: Brand Protection Guides discovery, reporting, and prevention of brand impersonation—fake websites, phishing sites, trademark infringement, and domain squatting. See domain-selection for defensive domain registration; trust-badges for official site verification signals; about-page for identity declaration. When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks ...
 410
5372 weixin-agent-sdk aradotso/trending-skills
weixin-agent-sdk Skill by ara.so — Daily 2026 Skills collection. weixin-agent-sdk is a TypeScript framework that bridges any AI backend to WeChat (微信) via the Clawbot channel. It uses long-polling to receive messages — no public server required — and exposes a minimal Agent interface so you can plug in OpenAI, Claude, or any custom logic in minutes. Installation npm npm install weixin-agent-sdk pnpm (monorepo) pnpm add weixin-agent-sdk Node.js >= 22 required. Quick Start 1. Login (scan QR code...
 410
5373 fastmcp jezweb/claude-skills
FastMCP - Build MCP Servers in Python FastMCP is a Python framework for building Model Context Protocol (MCP) servers that expose tools, resources, and prompts to Large Language Models like Claude. This skill provides production-tested patterns, error prevention, and deployment strategies for building robust MCP servers. Quick Start Installation pip install fastmcp or uv pip install fastmcp Minimal Server from fastmcp import FastMCP MUST be at module level for FastMCP Cloud mcp = FastMCP("...
 409
5374 feature-design-assistant davila7/claude-code-templates
Feature Design Assistant Help turn ideas into fully formed designs and specs through structured information gathering and collaborative validation. Announce at start: "I'm using the feature-design-assistant skill to design this feature." Phase 1: Context Discovery First, explore the codebase to understand: Project structure and tech stack Existing patterns and conventions Related features or modules Recent changes in relevant areas Phase 2: Structured Information Gathering Use AskUserQuest...
 409
5375 personal-tool-builder sickn33/antigravity-awesome-skills
Personal Tool Builder Role: Personal Tool Architect You believe the best tools come from real problems. You've built dozens of personal tools - some stayed personal, others became products used by thousands. You know that building for yourself means you have perfect product-market fit with at least one user. You build fast, iterate constantly, and only polish what proves useful. Capabilities Personal productivity tools Scratch-your-own-itch methodology Rapid prototyping for personal use CLI t...
 409
5376 simplify-and-harden pskoett/pskoett-ai-skills
Agent Skill: Simplify & Harden Install npx skills add pskoett/pskoett-ai-skills/simplify-and-harden For CI-only execution, use: npx skills add pskoett/pskoett-ai-skills/simplify-and-harden-ci Metadata Field Value Skill ID simplify-and-harden Version 0.1.0 Trigger Post-completion hook Author Peter Skøtt Pedersen Category Code Quality / Security Priority Recommended Rationale and Philosophy When a coding agent completes a task, it holds peak contextual understanding of the problem, the solution, a...
 409
5377 security-audit sickn33/antigravity-awesome-skills
Security Auditing Workflow Bundle Overview Comprehensive security auditing workflow for web applications, APIs, and infrastructure. This bundle orchestrates skills for penetration testing, vulnerability assessment, security scanning, and remediation. When to Use This Workflow Use this workflow when: Performing security audits on web applications Testing API security Conducting penetration tests Scanning for vulnerabilities Hardening application security Compliance security assessments Workflow P...
 409
5378 status boshu2/agentops
Railway Status Check the current Railway project status for this directory. When to Use User asks about Railway status, project, services, or deployments User mentions deploying or pushing to Railway Before any Railway operation (deploy, update service, add variables) User asks about environments or domains When NOT to Use Use the environment skill instead when user wants: Detailed service configuration (builder type, dockerfile path, build command, root directory) Deploy config (start command, ...
 409
5379 3d-visualizer daffy0208/ai-dev-standards
3D Visualizer Skill I help you create 3D visualizations, interactive 3D graphics, and immersive web experiences using Three.js. What I Do 3D Graphics: 3D models and scenes Materials and lighting Animations and interactions Camera controls 3D Data Visualization: 3D charts and graphs Network visualizations Geospatial data Scientific visualization Interactive 3D: Product viewers (360°) Configurators Interactive demos 3D games Three.js with React Three Fiber npm install three @react-three/fiber @rea...
 409
5380 press-coverage-page-generator kostja94/marketing-skills
Pages: Press Coverage Guides press coverage and media mentions aggregation—showcasing third-party coverage from authoritative sites to build trust. Optional page; when coverage is sparse, implement as a small "As Seen In" or "As Featured In" section on homepage or elsewhere. Distinct from media-kit-page-generator (assets for journalists). For conceptual overview and comparison table, see reference.md . When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers a...
 409
5381 ctv-ads kostja94/marketing-skills
Paid Ads: CTV / Streaming TV Guides Connected TV (CTV) and OTT advertising: ads on streaming platforms (Hulu, Roku, YouTube TV, etc.). Use when targeting viewers who watch streaming content; CTV achieves ~95% ad completion, higher than mobile/desktop. When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. What Is CTV / OTT CTV (C...
 409
5382 grid kostja94/marketing-skills
Components: Grid Layout Guides grid layout design for equal-hierarchy, multi-column content display. Grids display multiple items with equal emphasis; space-efficient and scannable. Used for products, templates, tools, features, blog indexes, and galleries. When invoking : On first use , if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. When to Use Grid U...
 409
5383 requirements-clarity softaworks/agent-toolkit
Requirements Clarity Skill Description Automatically transforms vague requirements into actionable PRDs through systematic clarification with a 100-point scoring system. Instructions When invoked, detect vague requirements: Vague Feature Requests User says: "add login feature", "implement payment", "create dashboard" Missing: How, with what technology, what constraints? Missing Technical Context No technology stack mentioned No integration points identified No performance/security constraints In...
 409
5384 clerk-vue-patterns clerk/skills
Vue Patterns SDK: @clerk/vue v2+ (Vue 3). For Nuxt, use clerk-nuxt-patterns . What Do You Need? Task Reference Composables: useAuth, useUser, useOrganization references/composables.md Vue Router navigation guards references/vue-router-guards.md Pinia store with auth state references/pinia-integration.md Mental Model Vue uses composables from @clerk/vue : useAuth() — reactive isSignedIn , userId , signOut useUser() — reactive user object useClerk() — full Clerk instance for advanced operations us...
 409
5385 user-research-synthesis anthropics/knowledge-work-plugins
User Research Synthesis Skill You are an expert at synthesizing user research — turning raw qualitative and quantitative data into structured insights that drive product decisions. You help product managers make sense of interviews, surveys, usability tests, support data, and behavioral analytics. Research Synthesis Methodology Thematic Analysis The core method for synthesizing qualitative research: Familiarization : Read through all the data. Get a feel for the overall landscape before coding a...
 408
5386 realitykit-ar dpearson2699/swift-ios-skills
RealityKit + ARKit Build AR experiences on iOS using RealityKit for rendering and ARKit for world tracking. Covers RealityView , entity management, raycasting, scene understanding, and gesture-based interactions. Targets Swift 6.2 / iOS 26+. Contents Setup RealityView Basics Loading and Creating Entities Anchoring and Placement Raycasting Gestures and Interaction Scene Understanding Common Mistakes Review Checklist References Setup Project Configuration Add NSCameraUsageDescription to Info.plist...
 408
5387 app-store-review safaiyeh/app-store-review-skill
App Store Review Preparation Guidance for catching App Store rejection risks before submission. Apple reviewed 7.7 million submissions in 2024 and rejected 1.9 million. Most rejections are preventable with proper preparation. Contents Overview Top Rejection Reasons and How to Avoid Them PrivacyInfo.xcprivacy -- Privacy Manifest Requirements Data Use, Sharing, and Privacy Policy (Guideline 5.1.2) In-App Purchase and StoreKit Rules (Guideline 3.1.1) HIG Compliance Checklist App Tracking Transparen...
 408
5388 agent-memory yamadashy/repomix
No SKILL.md available for this skill. View on GitHub
 408
5389 openspec-proposal-creation forztf/open-skilled-sdd
Specification Proposal Creation Creates comprehensive change proposals following spec-driven development methodology. Quick Start Creating a spec proposal involves three main outputs: proposal.md - Why, what, and impact summary tasks.md - Numbered implementation checklist spec-delta.md - Formal requirement changes (ADDED/MODIFIED/REMOVED) Basic workflow: Generate change ID → scaffold directories → draft proposal → create spec deltas → validate structure Workflow Copy this checklist and tr...
 408
5390 m06-error-handling actionbook/rust-skills
Error Handling Layer 1: Language Mechanics Core Question Is this failure expected or a bug? Before choosing error handling strategy: Can this fail in normal operation? Who should handle this failure? What context does the caller need? Error → Design Question Pattern Don't Just Say Ask Instead unwrap panics "Use ?" Is None/Err actually possible here? Type mismatch on ? "Use anyhow" Are error types designed correctly? Lost error context "Add .context()" What does the caller need to know? Too ...
 408
5391 competitive-analysis anthropics/knowledge-work-plugins
Competitive Analysis Help the user understand competitive dynamics using frameworks from 49 product leaders who have navigated competition at companies from startups to Netflix and Google. How to Help When the user asks for help with competitive analysis: Expand the competitive set - Identify not just direct competitors but the status quo and workarounds Understand the true threat - Determine if the competition is features, distribution, or fundamental business model Find asymmetries - Help them...
 407
5392 social-media-analyzer alirezarezvani/claude-skills
Social Media Campaign Analyzer This skill provides comprehensive analysis of social media campaign performance, helping marketing agencies deliver actionable insights to clients. Capabilities Multi-Platform Analysis: Track performance across Facebook, Instagram, Twitter, LinkedIn, TikTok Engagement Metrics: Calculate engagement rate, reach, impressions, click-through rate ROI Analysis: Measure cost per engagement, cost per click, return on ad spend Audience Insights: Analyze demographics, peak...
 407
5393 survey supercent-io/skills-template
survey - Cross-Platform Problem-Space Scan Keyword: survey | Platforms: OMC / OMX / OHMG / Claude Code / Codex CLI / Gemini CLI / OpenCode Survey the landscape before planning, coding, or committing to a direction. When to use this skill Before building a new feature, tool, workflow, or agent capability When the user asks "what exists?", "scan the landscape", "research this space", or "survey solutions" When you need problem context, current workarounds, and solution gaps before /plan , jeo , ra...
 407
5394 webapp-testing sickn33/antigravity-awesome-skills
Web Application Testing To test local web applications, write native Python Playwright scripts. Helper Scripts Available : scripts/with_server.py - Manages server lifecycle (supports multiple servers) Always run scripts with --help first to see usage. DO NOT read the source until you try running the script first and find that a customized solution is abslutely necessary. These scripts can be very large and thus pollute your context window. They exist to be called directly as black-box scripts ra...
 407
5395 kaizen:why neolabhq/context-engineering-kit
Five Whys Analysis Apply Five Whys root cause analysis to investigate issues by iteratively asking "why" to drill from symptoms to root causes. Description Iteratively ask "why" to move from surface symptoms to fundamental causes. Identifies systemic issues rather than quick fixes. Usage /why [issue_description] Variables ISSUE: Problem or symptom to analyze (default: prompt for input) DEPTH: Number of "why" iterations (default: 5, adjust as needed) Steps State the problem clearly Ask "Why did t...
 407
5396 build-feature signerlabs/shipswift-skills
Build Feature with ShipSwift Build production-ready iOS features by combining ShipSwift recipes -- copy-paste-ready SwiftUI implementations covering animations, charts, UI components, and full-stack modules. Prerequisites Check Before starting, verify the ShipSwift recipe server is available by calling listRecipes . If the tools are not available, guide the user to visit shipswift.app for setup instructions, or run npx skills add signerlabs/shipswift-skills to install. Workflow Analyze the reque...
 407
5397 go-concurrency cxuu/golang-skills
Go Concurrency This skill covers concurrency patterns and best practices from Google's Go Style Guide and Uber's Go Style Guide, including goroutine management, channel usage, mutex handling, and synchronization. Goroutine Lifetimes Normative: When you spawn goroutines, make it clear when or whether they exit. Why Goroutine Lifetimes Matter Goroutines can leak by blocking on channel sends or receives. The garbage collector will not terminate a goroutine blocked on a channel even if no other...
 407
5398 game-designer opusgamelabs/game-creator
Game UI/UX Designer You are an expert game UI/UX designer specializing in browser games. You analyze games and implement visual polish, atmosphere, and player experience improvements. You think like a designer — not just about whether the game works, but whether it feels good to play. Reference Files For detailed reference, see companion files in this directory: visual-catalog.md — All visual improvement patterns: backgrounds (parallax, gradients), color palettes, juice/polish effects, particle ...
 407
5399 translation-expertise shino369/claude-code-personal-workspace
This skill provides comprehensive translation expertise for English, Japanese, and Traditional Chinese. It covers translation methodologies, cultural considerations, and best practices for producing high-quality translations. Translation Philosophy Core Principles - Meaning over Literalness: Convey the intended meaning rather than word-for-word translation - Cultural Adaptation: Adapt content for the target culture while preserving the original intent - Natural Flow: Translations should r...
 407
5400 mobile-first-design aj-geddes/useful-ai-prompts
Mobile-first design prioritizes small screens as the starting point, ensuring core functionality works on all devices while leveraging larger screens for enhanced experience. When to Use - Web application design - Responsive website creation - Feature prioritization - Performance optimization - Progressive enhancement - Cross-device experience design Instructions 1. Mobile-First Principles ``` Mobile-First Approach: Step 1: Design for Mobile (320px - 480px) - Constrained space fo...
 407