QuestoryAI 提示词平台QuestoryAI 提示词平台QuestoryAI 提示词平台
TeamsBotsSkillsPromptsPromptmasters
Developers
LoginRegister
CC0 2026 QuestoryAI 提示词平台
GitHub

Weather Dashboard

Build a comprehensive weather dashboard 来源:https://prompts.chat/prompts/vibecoding3

F
@import-252f10c83610ebca1a059c0b
about 1 hour agoNovember 11, 2026 at 02:00 AM
Vibe Coding•CSSJavaScriptHTMLAPI

Content

Build a comprehensive weather dashboard using HTML5, CSS3, JavaScript and the OpenWeatherMap API. Create a visually appealing interface showing current weather conditions with appropriate icons and background changes based on weather/time of day. Display a detailed 5-day forecast with expandable hourly breakdown for each day. Implement location search with autocomplete and history, supporting both city names and coordinates. Add geolocation support to automatically detect user's location. Include toggles for temperature units (°C/°F) and time formats. Display severe weather alerts with priority highlighting. Show detailed meteorological data including wind speed/direction, humidity, pressure, UV index, and air quality when available. Include sunrise/sunset times with visual indicators. Create a fully responsive layout using CSS Grid that adapts to all device sizes with appropriate information density.

Related Skills

Minimax Music & Lyrics Generation

Skill

Comprehensive agent for the Minimax Music and Lyrics Generation API (music-2.5 model). Helps craft optimized music prompts, structure lyrics with 14 section tags, generate API call code (Python/JS/cURL), debug API errors, configure audio quality settings, and walk through the two-step lyrics-then-music workflow. 来源:https://prompts.chat/prompts/cmm2i5xr70007jx04t8xaq3ng

B@import-a999dbce13d9fe6c9c33ff18
0

Accessibility Testing Superpower

Skill

Performs WCAG compliance audits and accessibility remediation for web applications. Use when: 1) Auditing UI for WCAG 2.1/2.2 compliance 2) Fixing screen reader or keyboard navigation issues 3) Implementing ARIA patterns correctly 4) Reviewing color contrast and visual accessibility 5) Creating accessible forms or interactive components 来源:https://prompts.chat/prompts/cmjmk4gsv000jld04pplcmo1e

Comments (0)

İ@import-bb85aceaa34674ff213c79e1
0

JWT Token Inspector

Skill

Decodes a JWT without trusting it and lints the header and claims: alg none, remote jku/x5u keys, missing or expired exp, nbf/iat clock skew, millisecond timestamps, long lifetimes, iss/aud mismatches, sensitive data in the payload, and HMAC signature checks with a secret from an env var. Use when a login or API call fails with 401, or when reviewing token settings. Includes a stdlib Python inspector with --self-test. 来源:https://prompts.chat/prompts/cmvexfiys000njr08n2k8i3bq

F@import-252f10c83610ebca1a059c0b
0

AST Code Analysis Superpower

Skill

AST-based code pattern analysis using ast-grep for security, performance, and structural issues. Use when (1) reviewing code for security vulnerabilities, (2) analyzing React hook dependencies or performance patterns, (3) detecting structural anti-patterns across large codebases, (4) needing systematic pattern matching beyond manual inspection. 来源:https://prompts.chat/prompts/cmjmk2f8i000bld04ikqh7i78

İ@import-bb85aceaa34674ff213c79e1
0