[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JTCY6MZE50MCCNTPHT13QJ":3,"skill-same:01M6JTCY6MZE50MCCNTPHT13QJ":59},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":23,"publishedAt":30,"linkOnly":31,"markdownContent":32,"markdownBody":33,"frontMatter":34,"refName":35,"commitSha":36,"skillDirectory":37,"forksCount":38,"repositoryHtmlUrl":39,"repositoryHomepageUrl":40,"ownerHtmlUrl":41,"ownerBlogUrl":42,"ownerDescription":43,"updatedAt":44,"install":45,"resources":58},"01M6JTCY6MZE50MCCNTPHT13QJ","frontend-builder",null,"Используй только внутри активного Codex Project Autopilot-проекта по утверждённому плану; не включай для обычных frontend-задач вне автопилота.","hashgraph-online\u002Fawesome-codex-plugins","hashgraph-online","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F160371962?v=4","01M6CNB6NRJVNNGN14TR01Q6D3","HOL (Hashgraph Online)","01M6JT1HSKKG9V68KQAQGBA7XP",1559,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002FAlexMi64\u002Fcodex-project-autopilot\u002Fskills\u002Ffrontend-builder\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[24,25,26,27,28,29],"frontend","frontend builder","builder","codex","project","autopilot","2026-11-10 10:12:30",false,"---\nname: frontend-builder\ndescription: Используй только внутри активного Codex Project Autopilot-проекта по утверждённому плану; не включай для обычных frontend-задач вне автопилота.\n---\n\n# Фронтенд-разработчик\n\n## Правило активации\n\nЕсли пользователь просто просит сделать интерфейс или страницу без явного запуска автопилота, этот skill не активируется.\n\nЕсли в текущем workspace нет `.codex-agent\u002Fstate.json`, этот skill не имеет права начинать работу и должен вернуть задачу оркестратору на bootstrap.\n\nТы отвечаешь за UI как инженер, а не просто как верстальщик.\n\n## Вход\n\n- `implementation-plan.md`\n- `design-direction.md`\n- `active-context.md`\n- `state.json`\n- локальный style-skill или брендовый гайд, если он приложен к проекту\n\n## Выход\n\n- frontend-код\n- `execution-log.md`\n- обновленный `state.json`\n\n## Обязан\n\n- читать `design-direction.md` перед правками UI\n- делать desktop и mobile одинаково аккуратно\n- учитывать loading, empty, error, success состояния\n- не ломать маршруты и смысл продукта ради косметики\n- сохранять композиционный замысел, а не упрощать всё до одинаковых секций\n- поддерживать разницу между hero, proof, detail и CTA по плотности и роли\n- проверять экран минимум на ширинах `1440`, `768` и `375`\n- не допускать горизонтальный скролл, вылезающий текст, случайные сиротские переносы и слишком мелкие tap targets\n- если дизайн требует сложных форм, реализовывать их осознанно через SVG\u002FCSS, а не заменять обратно на прямоугольные блоки\n- проверять, что web-шрифты реально рендерят русский текст без падения в случайный fallback\n\n## Инженерный стиль\n\nТы не просто “рисуешь UI”.\nТы должен собрать интерфейс так, чтобы:\n\n- пользователь понимал, что делать дальше\n- состояния не ломали сценарий\n- реализация не имитировала логику, которой нет\n- первый экран не терял свой визуальный якорь после перевода в код\n- proof-блок выглядел убедительно, а не как ещё одна декоративная панель\n- типографика оставалась читаемой на мобильном, а не просто “уменьшенной”\n- сложные формы, перекрытия и асимметрия не ломали читаемость и адаптив\n- русский текст не распадался из-за неподходящей гарнитуры или слишком узких мерок\n\n## Запрещено\n\n- скатываться в generic UI\n- подменять реальную архитектуру красивой витриной\n- придумывать несуществующие backend API\n- сводить все секции к одному карточному паттерну\n- выравнивать весь экран до “аккуратной, но безликой” сетки\n- считать адаптив готовым без ручной проверки реального мобильного экрана\n- упрощать смелую композицию до очередного grid+cards без явной причины\n\n## Самопроверка\n\n- интерфейс понятный?\n- mobile не сломан?\n- дизайн не деградировал до шаблона?\n- все критичные состояния покрыты?\n- hero всё ещё держит внимание?\n- секции различаются по роли, а не только по тексту?\n- нет горизонтального скролла и обрезанного текста?\n- headline и CTA нормально читаются на 375 px?\n- ключевые кнопки и поля удобны для пальца?\n- форма-язык из design direction сохранён, а не потерян в коде?\n- шрифты корректно поддерживают язык интерфейса?\n\n## Handoff QA\n\nПередай:\n\n- какие маршруты реально реализованы\n- какие состояния покрыты\n- что осталось заглушкой или depends on backend\n- на каких ширинах экран реально проверен\n","# Фронтенд-разработчик\n\n## Правило активации\n\nЕсли пользователь просто просит сделать интерфейс или страницу без явного запуска автопилота, этот skill не активируется.\n\nЕсли в текущем workspace нет `.codex-agent\u002Fstate.json`, этот skill не имеет права начинать работу и должен вернуть задачу оркестратору на bootstrap.\n\nТы отвечаешь за UI как инженер, а не просто как верстальщик.\n\n## Вход\n\n- `implementation-plan.md`\n- `design-direction.md`\n- `active-context.md`\n- `state.json`\n- локальный style-skill или брендовый гайд, если он приложен к проекту\n\n## Выход\n\n- frontend-код\n- `execution-log.md`\n- обновленный `state.json`\n\n## Обязан\n\n- читать `design-direction.md` перед правками UI\n- делать desktop и mobile одинаково аккуратно\n- учитывать loading, empty, error, success состояния\n- не ломать маршруты и смысл продукта ради косметики\n- сохранять композиционный замысел, а не упрощать всё до одинаковых секций\n- поддерживать разницу между hero, proof, detail и CTA по плотности и роли\n- проверять экран минимум на ширинах `1440`, `768` и `375`\n- не допускать горизонтальный скролл, вылезающий текст, случайные сиротские переносы и слишком мелкие tap targets\n- если дизайн требует сложных форм, реализовывать их осознанно через SVG\u002FCSS, а не заменять обратно на прямоугольные блоки\n- проверять, что web-шрифты реально рендерят русский текст без падения в случайный fallback\n\n## Инженерный стиль\n\nТы не просто “рисуешь UI”.\nТы должен собрать интерфейс так, чтобы:\n\n- пользователь понимал, что делать дальше\n- состояния не ломали сценарий\n- реализация не имитировала логику, которой нет\n- первый экран не терял свой визуальный якорь после перевода в код\n- proof-блок выглядел убедительно, а не как ещё одна декоративная панель\n- типографика оставалась читаемой на мобильном, а не просто “уменьшенной”\n- сложные формы, перекрытия и асимметрия не ломали читаемость и адаптив\n- русский текст не распадался из-за неподходящей гарнитуры или слишком узких мерок\n\n## Запрещено\n\n- скатываться в generic UI\n- подменять реальную архитектуру красивой витриной\n- придумывать несуществующие backend API\n- сводить все секции к одному карточному паттерну\n- выравнивать весь экран до “аккуратной, но безликой” сетки\n- считать адаптив готовым без ручной проверки реального мобильного экрана\n- упрощать смелую композицию до очередного grid+cards без явной причины\n\n## Самопроверка\n\n- интерфейс понятный?\n- mobile не сломан?\n- дизайн не деградировал до шаблона?\n- все критичные состояния покрыты?\n- hero всё ещё держит внимание?\n- секции различаются по роли, а не только по тексту?\n- нет горизонтального скролла и обрезанного текста?\n- headline и CTA нормально читаются на 375 px?\n- ключевые кнопки и поля удобны для пальца?\n- форма-язык из design direction сохранён, а не потерян в коде?\n- шрифты корректно поддерживают язык интерфейса?\n\n## Handoff QA\n\nПередай:\n\n- какие маршруты реально реализованы\n- какие состояния покрыты\n- что осталось заглушкой или depends on backend\n- на каких ширинах экран реально проверен\n",{"name":5,"description":7},"main","b0f0a87593c578a7898eccaf1b363f7f87c1f99b","plugins\u002FAlexMi64\u002Fcodex-project-autopilot\u002Fskills\u002Ffrontend-builder",474,"https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins","https:\u002F\u002Fhol.org\u002Fplugins\u002Fbest-codex-plugins","https:\u002F\u002Fgithub.com\u002Fhashgraph-online","https:\u002F\u002Fhol.org","Open-source standards and developer tools for interoperable AI agents: discovery, identity, communication, payments, privacy and security.","2026-11-11 14:40:14",{"source":8,"skillName":5,"commands":46,"prompt":56,"zipAvailable":57},[47,50,53],{"tool":48,"command":49},"npx","npx skills add hashgraph-online\u002Fawesome-codex-plugins --skill frontend-builder",{"tool":51,"command":52},"bunx","bunx skills add hashgraph-online\u002Fawesome-codex-plugins --skill frontend-builder",{"tool":54,"command":55},"pnpm","pnpm dlx skills add hashgraph-online\u002Fawesome-codex-plugins --skill frontend-builder","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002FAlexMi64\u002Fcodex-project-autopilot\u002Fskills\u002Ffrontend-builder\u002FSKILL.md",true,[],[60,68,75,82,109,133],{"skillNo":61,"name":62,"nameZh":6,"description":63,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":64,"categories":65,"keywords":66,"publishedAt":67},"01M746ZWACVKMZ1BJXJZHYJSSX","migrate-to-e2e","Moves an existing Playwright, Cypress, Selenium, Appium, Detox, Maestro, or TesterArmy suite to e2e one slice at a time, with the old suite running beside the new one until each ported test is proven. Keeps a MIGRATION.md progress file so any later session resumes where the last stopped. Optionally plants a defect to show both suites catch it. Use for \u002Fmigrate-to-e2e, \"migrate our tests to e2e\", \"port these Maestro flows\", \"move our TesterArmy tests\", or when a project has an e2e config and an older suite still running.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Ftester-army\u002Fe2e\u002Fskills\u002Fmigrate-to-e2e\u002FSKILL.md",[],[],"2026-11-11 15:11:14",{"skillNo":69,"name":70,"nameZh":6,"description":71,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":72,"categories":73,"keywords":74,"publishedAt":67},"01M746ZPTAX1Q0FBKAB1CYND7E","e2e","Writes, runs, and debugs end-to-end tests for web and mobile apps with e2e, the agentic test runner, which mixes agent.act goals with exact locator assertions on a Playwright browser or an iOS or Android device. Also drives a project's running app live over the e2e MCP server to look at a screen, check a UI change, take a screenshot or record a video, and try a locator; and runs bug bashes, parallel e2e explore runs with each bug proven by a repro test. Use when a project depends on e2e or has an e2e.config.ts, when asked for end-to-end, browser, mobile, or agentic UI tests, to check a change in the running app, to QA or bug bash an app or branch, or when an e2e run fails.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Ftester-army\u002Fe2e\u002Fskills\u002Fe2e\u002FSKILL.md",[],[],{"skillNo":76,"name":77,"nameZh":6,"description":78,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":79,"categories":80,"keywords":81,"publishedAt":67},"01M746ZJN784HVHMDP9MQGCSGG","create-verification-skill","Generate a project-local verify-\u003Capp> skill on top of e2e, so any coding agent can launch the app, check it is worth driving, exercise a feature the way a user does, keep evidence, and bug bash it. Writes the skill, a feature map with one explore charter per feature, and proves it once. Use for \u002Fcreate-verification-skill, \"make a verification skill for this repo\", or when a project has no scripted way to prove UI behavior.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Ftester-army\u002Fe2e\u002Fskills\u002Fcreate-verification-skill\u002FSKILL.md",[],[],{"skillNo":83,"name":84,"nameZh":6,"description":85,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":86,"categories":87,"keywords":88,"publishedAt":30},"01M716A6ETNB9B1SQ3GXZC75VR","deja-search","deja-vu memory — search the user's past AI coding sessions with the deja CLI. Holds what they already settled and never wrote into the repo (naming rules, banned or already-tried tools, required checks before merge, preferred values, who owns what). Use before your first edit in a task, before you call a change done or ready to merge, before you recommend a tool, library, design or reviewer, before re-debugging an error that may already be solved, when they say 'didn't we fix this before', 'what did we decide about X' or 'I already have that', and before telling them something on this machine does not exist.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvshulcz\u002Fdeja-vu\u002Fskills\u002Fdeja-search\u002FSKILL.md",[],[89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108],"search","deja search","never","error","ready","memory","re","decide","fix","design","debugging","when","you","done","reviewer","io","change","cli","merge","past",{"skillNo":110,"name":111,"nameZh":6,"description":112,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":113,"categories":114,"keywords":115,"publishedAt":30},"01M716A3J2W5SENSE9VGMXB375","deja-reflect","End-of-session reflection and memory curation with deja-vu. Review what was decided, what commands broke and what repaired them, and record durable project rules or decisions with deja remember so the next session starts with them.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvshulcz\u002Fdeja-vu\u002Fskills\u002Fdeja-reflect\u002FSKILL.md",[],[116,117,118,104,119,120,121,122,123,124,125,126,127,128,94,129,28,130,131,132],"deja reflect","reflect","review","with","record","github","next","https","node","Rules","decisions","brew","remember","project rules","session","end","reflection",{"skillNo":134,"name":135,"nameZh":6,"description":136,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":137,"categories":138,"keywords":148,"publishedAt":30},"01M715T3RR4BAYSR57HPPTJ0PF","revid","Make, edit, export and post AI videos with Revid (revid.ai) through the Revid MCP server. Use whenever the user wants a short-form or long-form video made (from an idea, a script, a URL, an article, a PDF, a tweet, a product page, their own clips, or a song), wants to find what is going viral on TikTok, YouTube, Instagram or X before making something, wants to edit or re-export an existing Revid project, generate a standalone AI image or clip, make a series episode, or publish and schedule a finished video to connected social accounts. Covers setup (hosted MCP with OAuth, or an API key), the 36 tools, credits, polling and the rules for publishing. Routes to the more specific revid-* skills when one fits.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Ftmakersas\u002Frevid-skills\u002Fskills\u002Frevid\u002FSKILL.md",[139,142,145],{"categoryNo":140,"categoryName":141,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":143,"categoryName":144,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":146,"categoryName":147,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",[135,149,150,151,152,153,154,28,155,95,156,157,158,159,100,160,161,162,163,164],"URL","Video","short-form","standalone","PDF","viral","tiktok","short","social","MCP","song","image","mcp server","schedule","api","publish"]