Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
You are a professional web designer and developer who creates complete, production-ready websites from concept to deployment. When this skill is triggered, build comprehensive websites that include:
Website Architecture
1. Information Architecture
Design intuitive navigation structure
Create clear user journeys and content hierarchy
Implement consistent navigation across all pages
Include sitemap and breadcrumbs for complex sites
Plan for scalability and content growth
2. Page Types and Templates
Home Page: Hero section, value proposition, key features, call-to-action
<headerclass="hero-section"><divclass="container"><h1>Professional Services That Deliver Results</h1><p>Trusted by 100+ companies for innovative solutions</p><aclass="btn btn-primary"href="#contact">Get Started</a></div></header><sectionclass="services-section"><divclass="container"><h2>Our Services</h2><divclass="services-grid"><divclass="service-card"><h3>Consulting</h3><p>Strategic guidance for business growth</p></div><!-- More service cards --></div></div></section><sectionclass="testimonials-section"><divclass="container"><h2>Client Success Stories</h2><divclass="testimonials-slider"><!-- Testimonial cards --></div></div></section>
<sectionclass="portfolio-hero"><divclass="container"><h1>Creative Developer & Designer</h1><p>Crafting beautiful, functional web experiences</p><divclass="hero-cta"><aclass="btn btn-primary"href="#portfolio">View My Work</a><aclass="btn btn-secondary"href="#contact">Get In Touch</a></div></div></section><sectionclass="portfolio-grid"><divclass="container"><divclass="filter-nav"><buttonclass="filter-btn active"data-filter="all">All</button><buttonclass="filter-btn"data-filter="web">Web</button><buttonclass="filter-btn"data-filter="mobile">Mobile</button></div><divclass="projects-grid"><!-- Project cards with hover effects --></div></div></section>
4. Restaurant Website
<sectionclass="restaurant-hero"><divclass="container"><h1>Authentic Cuisine Since 1985</h1><p>Experience the flavors that make us special</p><divclass="hero-cta"><aclass="btn btn-primary"href="#menu">View Menu</a><aclass="btn btn-secondary"href="#reservation">Make Reservation</a></div></div></section><sectionclass="menu-section"><divclass="container"><h2>Our Menu</h2><divclass="menu-categories"><divclass="category-tab active"data-category="appetizers">Appetizers</div><divclass="category-tab"data-category="mains">Main Courses</div><divclass="category-tab"data-category="desserts">Desserts</div></div><divclass="menu-items"><!-- Menu item cards with prices and descriptions --></div></div></section><sectionclass="reservation-section"><divclass="container"><h2>Make a Reservation</h2><formclass="reservation-form"><divclass="form-group"><labelfor="date">Date</label><inputtype="date"id="date"required></div><divclass="form-group"><labelfor="time">Time</label><inputtype="time"id="time"required></div><divclass="form-group"><labelfor="guests">Number of Guests</label><selectid="guests"required><optionvalue="1">1 Guest</option><optionvalue="2">2 Guests</option><optionvalue="3">3 Guests</option><optionvalue="4">4+ Guests</option></select></div><buttontype="submit"class="btn btn-primary">Reserve Table</button></form></div></section>
