{"id":2126,"date":"2026-02-05T19:23:03","date_gmt":"2026-02-05T18:23:03","guid":{"rendered":"https:\/\/www.petrpen.cz\/?p=2126"},"modified":"2026-02-05T21:11:08","modified_gmt":"2026-02-05T20:11:08","slug":"ai-skills","status":"publish","type":"post","link":"https:\/\/www.petrpen.cz\/blog\/ai-skills\/","title":{"rendered":"AI Skill Evolution: Moje cesta od procesn\u00ed anal\u00fdzy k Vibe Codingu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2126\" class=\"elementor elementor-2126\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b621f79 e-flex e-con-boxed e-con e-parent\" data-id=\"b621f79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2b4927f e-con-full e-flex e-con e-child\" data-id=\"2b4927f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1d259e elementor-widget elementor-widget-text-editor\" data-id=\"e1d259e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Tento graf je mou osobn\u00ed roadmapou. Ukazuje, \u017ee v dob\u011b AI nelze st\u00e1t na m\u00edst\u011b, a z\u00e1rove\u0148 dokazuje, jak rychle si lze s dne\u0161n\u00edmi n\u00e1stroji osvojit nov\u00e9, komplexn\u00ed dovednosti. Neust\u00e1le roz\u0161i\u0159uji sv\u00e9 portfolio o tvrd\u00e9 technick\u00e9 znalosti, abych pro v\u00e1s dok\u00e1zal naj\u00edt \u0159e\u0161en\u00ed, kter\u00e1 je\u0161t\u011b v\u010dera nebyla mo\u017en\u00e1.<\/p><p>\u00a0<\/p><ul><li><p data-path-to-node=\"20,0,0\"><b data-path-to-node=\"20,0,0\" data-index-in-node=\"0\">AI Mindset:<\/b> <span style=\"color: #ffffff;\">M\u016fj v\u00fdchoz\u00ed bod. Schopnost strategicky p\u0159em\u00fd\u0161let o AI, ch\u00e1pat etiku a vid\u011bt &#8222;za roh&#8220;.<\/span><\/p><\/li><li><p data-path-to-node=\"20,1,0\"><b data-path-to-node=\"20,1,0\" data-index-in-node=\"0\">Procesn\u00ed anal\u00fdza:<\/b> <span style=\"color: #ffffff;\">Um\u011bn\u00ed &#8222;uklidit&#8220; procesy p\u0159edt\u00edm, ne\u017e se za\u010dnou automatizovat (proto\u017ee automatizovat chaos ned\u00e1v\u00e1 smysl). A naj\u00edt p\u0159\u00edle\u017eitosti u\u017eite\u010dn\u00e9ho nasdazen\u00ed AI automatizac\u00ed<\/span><\/p><\/li><li><p data-path-to-node=\"20,2,0\"><b data-path-to-node=\"20,2,0\" data-index-in-node=\"0\">Pr\u00e1ce s LLM:<\/b> <span style=\"color: #ffffff;\">Pokro\u010dil\u00e9 techniky promptov\u00e1n\u00ed a lad\u011bn\u00ed jazykov\u00fdch model\u016f pro maxim\u00e1ln\u00ed p\u0159esnost.<\/span><\/p><\/li><li><p data-path-to-node=\"20,3,0\"><b data-path-to-node=\"20,3,0\" data-index-in-node=\"0\">Automatizace: <\/b><span style=\"color: #ffffff;\">Schopnost, kterou nyn\u00ed intenzivn\u011b rozv\u00edj\u00edm \u2013 propojov\u00e1n\u00ed syst\u00e9m\u016f tak, aby pracovaly autonomn\u011b.<\/span><\/p><\/li><li><p data-path-to-node=\"20,4,0\"><b data-path-to-node=\"20,4,0\" data-index-in-node=\"0\">Vibe Coding:<\/b> <span style=\"color: #ffffff;\">Moje nejnov\u011bj\u0161\u00ed meta. Tvorba funk\u010dn\u00edch aplikac\u00ed a prototyp\u016f pomoc\u00ed AI, bez nutnosti b\u00fdt klasick\u00fdm program\u00e1torem.<\/span><\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab820a6 e-con-full e-flex e-con e-child\" data-id=\"ab820a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50653ad elementor-widget elementor-widget-html\" data-id=\"50653ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* BAREVN\u00c1 PALETA *\/\r\n    :root {\r\n        --c-mindset: #E08A5D; \/* M\u011bd\u011bn\u00e1 *\/\r\n        --c-process: #A64AC9; \/* Fialov\u00e1 *\/\r\n        --c-llm: #4AB8A1;     \/* Tyrkysov\u00e1 *\/\r\n        --c-auto: #EAEAEA;    \/* B\u00edl\u00e1 *\/\r\n        --c-vibe: #FFD700;    \/* Zlat\u00e1 *\/\r\n        --bg-chart: #2E2F3E;\r\n    }\r\n\r\n    .chart-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        background: var(--bg-chart);\r\n        \/* AI VIBE: Jemn\u00e1 m\u0159\u00ed\u017eka na pozad\u00ed *\/\r\n        background-image: \r\n            linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\r\n        background-size: 40px 40px;\r\n        border-radius: 16px;\r\n        padding: 40px 20px 60px 20px;\r\n        width: 100%;\r\n        max-width: 800px;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.4);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* SVG Graf *\/\r\n    .svg-canvas {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        overflow: visible;\r\n    }\r\n\r\n    \/* \u010c\u00c1RY - MINULOST (Pln\u00e9 - do Ledna 2026) *\/\r\n    .line-past {\r\n        fill: none;\r\n        stroke-width: 3;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        vector-effect: non-scaling-stroke;\r\n        stroke-dasharray: 2000;\r\n        stroke-dashoffset: 2000;\r\n        animation: drawSolid 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;\r\n    }\r\n\r\n    \/* \u010c\u00c1RY - BUDOUCNOST (\u010c\u00e1rkovan\u00e9 - od \u00danora 2026) *\/\r\n    .line-future {\r\n        fill: none;\r\n        stroke-width: 2;\r\n        stroke-dasharray: 8, 8; \/* P\u0159eru\u0161ovan\u00e1 \u010d\u00e1ra *\/\r\n        stroke-linecap: round;\r\n        opacity: 0;\r\n        animation: fadeInFuture 1.5s ease-in forwards;\r\n        animation-delay: 1.8s; \/* Za\u010dne se vykreslovat a\u017e dob\u011bhne pln\u00e1 \u010d\u00e1ra *\/\r\n    }\r\n\r\n    \/* Neon Glow Efekty *\/\r\n    .c-mindset { stroke: var(--c-mindset); filter: drop-shadow(0 0 4px var(--c-mindset)); }\r\n    .c-process { stroke: var(--c-process); filter: drop-shadow(0 0 4px var(--c-process)); }\r\n    .c-llm { stroke: var(--c-llm); filter: drop-shadow(0 0 4px var(--c-llm)); }\r\n    .c-auto { stroke: var(--c-auto); filter: drop-shadow(0 0 4px var(--c-auto)); }\r\n    .c-vibe { stroke: var(--c-vibe); filter: drop-shadow(0 0 6px var(--c-vibe)); stroke-width: 3.5; }\r\n\r\n    \/* Animace *\/\r\n    @keyframes drawSolid { to { stroke-dashoffset: 0; } }\r\n    @keyframes fadeInFuture { from { opacity: 0; } to { opacity: 0.6; } }\r\n\r\n    \/* M\u0159\u00ed\u017eka a osy *\/\r\n    .axis-line { stroke: #B0B1BE; stroke-width: 1; }\r\n    .now-line { stroke: #fff; stroke-width: 1.5; stroke-dasharray: 0; opacity: 0.5; }\r\n\r\n    \/* POPISKY OS (Absolutn\u00ed pozicov\u00e1n\u00ed pro p\u0159esnost) *\/\r\n    .chart-labels {\r\n        position: relative;\r\n        height: 30px;\r\n        margin-top: 10px;\r\n        width: 100%;\r\n    }\r\n    \r\n    .lbl {\r\n        position: absolute;\r\n        top: 0;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        transform: translateX(-50%); \/* Centrov\u00e1n\u00ed v\u016f\u010di bodu *\/\r\n    }\r\n    \r\n    .lbl-start { left: 0%; color: #B0B1BE; transform: translateX(0); }\r\n    \/* 700 z 1200 je 58.3% *\/\r\n    .lbl-now { left: 58.3%; color: #fff; text-shadow: 0 0 10px rgba(255,255,255,0.6); }\r\n    .lbl-end { left: 100%; color: #B0B1BE; transform: translateX(-100%); }\r\n\r\n    \/* Te\u010dky v c\u00edli *\/\r\n    .target-dot { \r\n        r: 4; \r\n        opacity: 0; \r\n        animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n        animation-delay: 2.5s;\r\n    }\r\n    @keyframes popIn { from { r: 0; opacity: 0; } to { r: 5; opacity: 1; } }\r\n\r\n    \/* Legenda *\/\r\n    .legend-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        margin-top: 25px;\r\n        border-top: 1px solid rgba(255,255,255,0.1);\r\n        padding-top: 20px;\r\n    }\r\n    .legend-item {\r\n        display: flex;\r\n        align-items: center;\r\n        font-size: 11px;\r\n        color: #ccc;\r\n        font-weight: 500;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    .dot { width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; box-shadow: 0 0 5px currentColor; }\r\n\r\n<\/style>\r\n\r\n<div class=\"chart-wrapper\">\r\n    <svg class=\"svg-canvas\" viewBox=\"0 0 1200 630\" preserveAspectRatio=\"none\">\r\n        \r\n        <line x1=\"0\" y1=\"600\" x2=\"1200\" y2=\"600\" class=\"axis-line\" \/>\r\n        \r\n        <line x1=\"700\" y1=\"0\" x2=\"700\" y2=\"600\" class=\"now-line\" \/> \r\n\r\n        <polyline class=\"line-past c-mindset\" points=\"0,300 100,270 200,240 300,180 400,120 500,90 600,60 700,60\" \/>\r\n        <polyline class=\"line-future c-mindset\" points=\"700,60 800,60 900,30 1000,24 1100,18 1200,12\" \/>\r\n        <circle cx=\"1200\" cy=\"12\" class=\"target-dot\" fill=\"var(--c-mindset)\" \/>\r\n\r\n        <polyline class=\"line-past c-process\" points=\"0,240 100,240 200,210 300,150 400,90 500,30 600,24 700,18\" \/>\r\n        <polyline class=\"line-future c-process\" points=\"700,18 800,12 900,6 1000,0 1100,0 1200,0\" \/>\r\n        <circle cx=\"1200\" cy=\"0\" class=\"target-dot\" fill=\"var(--c-process)\" \/>\r\n\r\n        <polyline class=\"line-past c-llm\" points=\"0,360 100,300 200,240 300,90 400,30 500,18 600,12 700,6\" \/>\r\n        <polyline class=\"line-future c-llm\" points=\"700,6 800,6 900,6 1000,0 1100,0 1200,0\" \/>\r\n        <circle cx=\"1200\" cy=\"0\" class=\"target-dot\" fill=\"var(--c-llm)\" \/>\r\n\r\n        <polyline class=\"line-past c-auto\" points=\"0,600 100,600 200,600 300,540 400,480 500,420 600,360 700,330\" \/>\r\n        <polyline class=\"line-future c-auto\" points=\"700,330 800,300 900,240 1000,180 1100,120 1200,60\" \/>\r\n        <circle cx=\"1200\" cy=\"60\" class=\"target-dot\" fill=\"var(--c-auto)\" \/>\r\n\r\n        <polyline class=\"line-past c-vibe\" points=\"0,600 100,600 200,600 300,600 400,600 500,570 600,510 700,450\" \/>\r\n        <polyline class=\"line-future c-vibe\" points=\"700,450 800,330 900,210 1000,90 1100,42 1200,18\" \/>\r\n        <circle cx=\"1200\" cy=\"18\" class=\"target-dot\" fill=\"var(--c-vibe)\" \/>\r\n\r\n    <\/svg>\r\n\r\n    <div class=\"chart-labels\">\r\n        <div class=\"lbl lbl-start\">START (06\/25)<\/div>\r\n        <div class=\"lbl lbl-now\">SOU\u010cASNOST (01\/26)<\/div>\r\n        <div class=\"lbl lbl-end\">C\u00cdL (06\/26)<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"legend-container\">\r\n        <div class=\"legend-item\"><div class=\"dot\" style=\"background:var(--c-mindset); color:var(--c-mindset)\"><\/div>AI Mindset<\/div>\r\n        <div class=\"legend-item\"><div class=\"dot\" style=\"background:var(--c-process); color:var(--c-process)\"><\/div>Procesn\u00ed anal\u00fdza<\/div>\r\n        <div class=\"legend-item\"><div class=\"dot\" style=\"background:var(--c-llm); color:var(--c-llm)\"><\/div>Pr\u00e1ce s LLM<\/div>\r\n        <div class=\"legend-item\"><div class=\"dot\" style=\"background:var(--c-auto); color:var(--c-auto)\"><\/div>Automatizace<\/div>\r\n        <div class=\"legend-item\"><div class=\"dot\" style=\"background:var(--c-vibe); color:var(--c-vibe)\"><\/div>Vibe Coding<\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbfa84b e-flex e-con-boxed e-con e-parent\" data-id=\"bbfa84b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-dfcaedd e-con-full e-flex e-con e-child\" data-id=\"dfcaedd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb2282b elementor-widget elementor-widget-heading\" data-id=\"bb2282b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/#sluzby\">ZP\u011aT<\/a><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tento graf je mou osobn\u00ed roadmapou. Ukazuje, \u017ee v dob\u011b AI nelze st\u00e1t na m\u00edst\u011b, a z\u00e1rove\u0148 dokazuje, jak rychle si lze s dne\u0161n\u00edmi n\u00e1stroji osvojit nov\u00e9, komplexn\u00ed dovednosti. Neust\u00e1le roz\u0161i\u0159uji sv\u00e9 portfolio o tvrd\u00e9 technick\u00e9 znalosti, abych pro v\u00e1s dok\u00e1zal naj\u00edt \u0159e\u0161en\u00ed, kter\u00e1 je\u0161t\u011b v\u010dera nebyla mo\u017en\u00e1. \u00a0 AI Mindset: M\u016fj v\u00fdchoz\u00ed bod. Schopnost [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2132,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-2126","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aktual"],"_links":{"self":[{"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/posts\/2126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/comments?post=2126"}],"version-history":[{"count":9,"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/posts\/2126\/revisions"}],"predecessor-version":[{"id":2158,"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/posts\/2126\/revisions\/2158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/media\/2132"}],"wp:attachment":[{"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/media?parent=2126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/categories?post=2126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.petrpen.cz\/blog\/wp-json\/wp\/v2\/tags?post=2126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}