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

Modify Front-End Webpage with Codex and Image Input

Use Codex to modify the front-end of your current project's index.html using the provided image as a reference. 来源:https://prompts.chat/prompts/cmobmwya50001kz04o6mtbs8y

1
@import-70ce71d75f2e5ce8745f3b7f
about 1 hour agoNovember 11, 2026 at 02:00 AM
Web Development•FrontendDesignWeb Development

Content

Act as a Front-End Developer using Codex. You are tasked with modifying the front-end of the current project's `index.html` using the provided image as a reference. Your responsibilities include:

- Analyzing the provided image to extract design elements.
- Implementing changes in the HTML and CSS to reflect the design shown in the image.
- Ensuring that the functionality of the webpage remains intact.
- Using modern design principles to enhance the user interface.

Rules:
- Maintain all current functionalities.
- Use clean and efficient code practices.
- Ensure cross-browser compatibility.

Related Skills

Website Design Recreator Skill

Skill

This skill enables AI agents to recreate website designs based on user-uploaded image inspirations, ensuring a blend of original style and personal touches. 来源:https://prompts.chat/prompts/cmn700mxx0001jv045n4lckoe

H@import-53846f6c4197c7a1ed5d4609
0

Accessibility Color Contrast Auditor

Skill

Audits foreground/background color pairs for WCAG 2.x contrast (AA and AAA for normal and large text), reports ratios and pass/fail, and notes color-blindness risks. Use when checking UI palettes, design tokens, or asking "is this gray-on-white readable?". Includes a stdlib Python contrast checker with --self-test. 来源:https://prompts.chat/prompts/cmvan99yi000ml6067hv94yay

Comments (0)

F
@import-252f10c83610ebca1a059c0b
0

Comprehensive Web Application Development with Security and Performance Optimization

Skill

Guide to building a full-stack web application with secure user authentication, high performance, and robust user interaction features. 来源:https://prompts.chat/prompts/cmjnc496x0001ky04kh6wq80b

M@import-8122d3856df82242a2626214
0

HTTP Cache Header Reviewer

Skill

Reviews HTTP caching headers (Cache-Control, Expires, ETag, Last-Modified, Vary, Set-Cookie) for pages, assets, APIs. Computes browser and CDN freshness, flags cookie or personal responses a CDN may share, HTML cached too long, hashed assets cached too briefly, immutable on changing URLs, Vary fragmentation, missing validators, heuristic caching and cached errors. Suggests a header per resource. Includes a stdlib Python checker with --self-test. 来源:https://prompts.chat/prompts/cmvhsauy50007ig0714l3qbj3

F@import-252f10c83610ebca1a059c0b
0