Menü Schließen

Vibe-Coding Analyseprompt für bestehende Projekte

You are a senior software architect and codebase analyst.

Your task is NOT to modify the code.

Your task is to fully analyze and understand the entire codebase before any changes are made.

Provide a structured analysis covering:

1. Purpose
   What problem does this system solve?
   What is its main functionality?

2. High-level architecture
   Describe the overall system architecture.
   Identify key modules and how they interact.

3. File and folder structure
   Explain the structure of the project and the role of important files.

4. Technologies and dependencies
   List all frameworks, libraries, and external dependencies used.

5. Data flow
   Explain how data moves through the system from input to output.

6. Interfaces and integrations
   Identify:

* APIs
* external services
* database connections
* third-party integrations

7. Core logic
   Explain the most important business logic in the system.

8. State management (if applicable)
   How is state handled and stored?

9. Security analysis
   Identify potential risks such as:

* input validation issues
* authentication/authorization problems
* injection vulnerabilities
* insecure data handling

10. Performance analysis
    Identify bottlenecks or inefficient patterns.

11. Code quality
    Evaluate:

* readability
* maintainability
* duplication
* complexity
* adherence to best practices

12. Testing
    Check if tests exist and evaluate their quality and coverage.

13. Deployment and environment
    Explain how the system is configured and deployed.

14. Risks and technical debt
    Identify weak points, fragile areas, or outdated patterns.

15. Improvement opportunities
    Provide a prioritized list of improvements (high → low impact).

Important rules:

* Do NOT modify any code.
* Do NOT assume missing context — explicitly state uncertainties.
* Think step by step and explain clearly.

Output format:
Provide a structured, well-organized report with clear sections.

 

Google Search Console – Leistung – Filter – Regex – KI Suchen bzw. FAQ

Google Search Console – Leistung – Filter – Regex – KI Suchen bzw. FAQ

Fragen in <h2> dann kurze Antwort daruf

^(wie|was|warum|wann|wo|wohin|woher|worauf|womit|wodurch|worum|worüber|worin|welche|welcher|welches|wer|wessen|wem|wen|wieso|weshalb|wieviel|wieviel|wieviele|woran|woraufhin|haben|habe|hat|bin|bist|seid|ist|sind|wäre|wären|soll|sollte|kann|könnte|dürfen|dürfte|muss|müsste)\b

Google Font: Space Grotesk

Nullam nulla eros ultricies

Duis vel nibh at velit scelerisque suscipit. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi.

line-height von elementor radio button form label Hack

line-height von elementor radio button form label Hack

https://stackoverflow.com/a/6246422

The line-height property in CSS is used to control the spacing between lines of text. When working with Elementor, a popular WordPress page builder, designers may want to customize the appearance of form elements, such as radio buttons, to match their website’s design. A common customization is adjusting the line-height of the labels associated with radio buttons to improve readability or align with the overall design aesthetic. To achieve this, a user might employ a „hack“ or workaround, by adding custom CSS to the Elementor widget or section that contains the radio button form. This could involve targeting the specific class or ID of the radio button labels and setting a desired line-height value. For instance, custom CSS like `.elementor-field-label { line-height: 1.5; }` could be added to the Elementor custom CSS section to change the line-height of all labels within Elementor form fields, improving the visual spacing of the text associated with each radio button. It’s important to note that such customizations should be tested across different browsers and devices to ensure a consistent user experience.

Remote Material Icons von mylisting theme entfernen

// remove google material icons
add_action( 'wp_enqueue_scripts', function() {
wp_dequeue_script( 'mylisting-material-icons' );
wp_dequeue_style( 'mylisting-material-icons' );
}, 99 );

Dann style.css in child theme bearbeiten:

@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://xxxxxxxxxx.de/wp-content/embed-google-fonts/material-icons/material-icons-google.eot"); /* IE9 Compat Modes */src:url("https://xxxxxxxxxx.de/wp-content/embed-google-fonts/material-icons/material-icons-google.eot?#iefix") format("eot"),url("https://xxxxxxxxxx.de/wp-content/embed-google-fonts/material-icons/material-icons-google.woff2") format("woff2"),url("https://xxxxxxxxxx.de/wp-content/embed-google-fonts/material-icons/material-icons-google.woff") format("woff"),url("https://xxxxxxxxxx.de/wp-content/embed-google-fonts/material-icons/material-icons-google.ttf") format("ttf"),url("https://xxxxxxxxxx.de/wp-content/embed-google-fonts/material-icons/material-icons-google.svg#Material Icons") format("svg") ;}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}