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

Markdown Notes

Build a feature-rich markdown notes application 来源:https://prompts.chat/prompts/vibecoding5

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

Content

Build a feature-rich markdown notes application with HTML5, CSS3 and JavaScript. Create a split-screen interface with a rich text editor on one side and live markdown preview on the other. Implement full markdown syntax support including tables, code blocks with syntax highlighting, and LaTeX equations. Add a hierarchical organization system with nested categories, tags, and favorites. Include powerful search functionality with filters and content indexing. Use localStorage with optional export/import for data backup. Support exporting notes to PDF, HTML, and markdown formats. Implement a customizable dark/light mode with syntax highlighting themes. Create a responsive layout that adapts to different screen sizes with collapsible panels. Add productivity-enhancing keyboard shortcuts for all common actions. Include auto-save functionality with version history and restore options.

Related Skills

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

F@import-252f10c83610ebca1a059c0b
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

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

Open Graph and Social Share Meta Tag Checker

Skill

Checks a page's HTML source for the tags link previews are built from - title and description length, rel=canonical, og:title/description/type/url/site_name/locale, og:image size, aspect, alt and SVG, twitter:card and handles. Flags relative/http:// URLs, tracking parameters, theme + SEO plugin duplicates, tags in <body> and unrendered {{ }} placeholders, and returns a fixed <head> block. Includes an offline stdlib Python checker with --self-test. 来源:https://prompts.chat/prompts/cmvw34oc30001la0888uhvm7n

F@import-252f10c83610ebca1a059c0b
0