[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6MDKQGC2WS2S76A7S3RCGMB":3,"skill-same:01M6MDKQGC2WS2S76A7S3RCGMB":79},{"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":28,"publishedAt":49,"linkOnly":50,"markdownContent":51,"markdownBody":52,"frontMatter":53,"refName":56,"commitSha":57,"skillDirectory":58,"forksCount":59,"repositoryHtmlUrl":60,"repositoryHomepageUrl":61,"ownerHtmlUrl":62,"ownerBlogUrl":63,"ownerDescription":64,"updatedAt":65,"install":66,"resources":78},"01M6MDKQGC2WS2S76A7S3RCGMB","muapi-design-guide",null,"Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.","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\u002FSamurAIGPT\u002FGenerative-Media-Skills\u002Flibrary\u002Fvisual\u002Fdesign-guide\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48],"muapi design guide","design guide","muapi","guide","design","color palette","true","with","color","palette","brand design","visual","ui component","example","typography","brand","Rules","ui","create","component","2026-11-10 10:12:30",false,"---\nslug: muapi-design-guide\nname: muapi-design-guide\nversion: \"1.0.0\"\ndescription: Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.\nacceptLicenseTerms: true\n---\n\n\n# Brand Design Guide\n\n**Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.**\n\n## Inputs\n\n| Name | Type | Required | Default | Description |\n|:---|:---|:---|:---|:---|\n| `brand_name` | text | yes | — | The brand or product name. |\n| `industry` | text | yes | — | Industry\u002Fniche (e.g. \"fintech startup\", \"organic skincare\", \"luxury hotel chain\"). |\n| `style_direction` | text | no | modern, minimal, premium | Design aesthetic (e.g. \"bold and playful\", \"corporate and trustworthy\", \"dark luxury\"). |\n| `primary_color` | text | no | — | Optional brand primary color (hex code or color name, e.g. \"#3898EC\" or \"deep navy\"). |\n| `existing_logo` | image_url | no | — | Optional existing logo to extract brand cues from. |\n\n\n## Steps\n\nThis skill runs THREE parallel generation phases, all in a single the plan.\n\n### Phase A — Color & Typography Reference Card\n\n1. **Color palette card** — `muapi image generate` (model=`bytedance-seedream-v4.5`):\n   - Prompt: `Clean design guide color palette card for {{brand_name}} — {{style_direction}} style brand for {{industry}}. Shows 5 swatches: primary, secondary, accent, background, text. Each swatch labeled with hex code. Modern design reference card, white background, editorial typography, flat design.`\n   - If `{{primary_color}}` is given, include it: `primary color is {{primary_color}}`\n   - Aspect ratio: 16:9\n\n2. **Typography pairing preview** — `muapi image generate` (model=`bytedance-seedream-v4.5`):\n   - Prompt: `Brand typography pairing sheet for {{brand_name}} — {{style_direction}}. Shows heading font (large, bold), subheading font (medium), body font (small regular), and caption font. Includes font names, sizes, and usage rules. Clean white background, professional design reference.`\n   - Aspect ratio: 16:9\n\n### Phase B — UI Component Preview\n\n3. **UI components mockup** — `muapi image generate` (model=`gpt4o-text-to-image`):\n   - Prompt: `{{brand_name}} brand design system UI kit — {{style_direction}} for {{industry}}. Shows: primary button, secondary button, input field, card component, badge\u002Ftag, icon set sample. Consistent brand colors and fonts. Professional design spec sheet, light mode, high detail, Figma-style component documentation.`\n   - Aspect ratio: 4:3\n\n### Phase C — Brand Application Mockup\n\n4. **Real-world mockup** — `muapi image generate` (model=`nano-banana-pro`):\n   - Prompt: `{{brand_name}} brand identity applied to real-world mockups — {{style_direction}} style for {{industry}}. Shows business card, letterhead, and mobile app icon all with consistent brand identity. Professional brand presentation, clean background, photorealistic mockups.`\n   - If `{{existing_logo}}` provided, use `muapi image edit` (model=`nano-banana-pro-edit`) with it as reference.\n   - Aspect ratio: 4:3\n\nAfter all assets generate:\n- Present all 4 assets together as a cohesive design guide\n- Provide a written text summary with: suggested font stack, hex codes, spacing rules, and do\u002Fdon't guidelines\n- Offer to generate a social media template or logo next\n\n## Notes\n- All prompts should reinforce {{style_direction}} consistently across all phases.\n- If {{primary_color}} is blank, derive one from the {{industry}} and {{style_direction}} context.\n\n## Trigger Keywords\n\n`design guide`, `brand guide`, `style guide`, `design system`, `brand identity`, `visual identity`, `brand colors`, `typography`\n\n\n---\n\n## Notes for the Executing Agent\n\n- This recipe is LLM-orchestrated: read each phase, gather any missing inputs from the user, then call `muapi` CLI commands. Use `muapi auth configure` first if `MUAPI_API_KEY` is unset.\n- For model IDs without a CLI alias yet, fall back to the raw endpoint via `curl -X POST https:\u002F\u002Fapi.muapi.ai\u002Fapi\u002Fv1\u002F\u003Cendpoint> -H \"x-api-key: $MUAPI_API_KEY\" -H 'content-type: application\u002Fjson' -d '{...}'` and poll with `muapi predict wait \u003Crequest_id>`.\n- Substitute `{{input_name}}` placeholders with the user's actual inputs before issuing each call.\n","# Brand Design Guide\n\n**Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.**\n\n## Inputs\n\n| Name | Type | Required | Default | Description |\n|:---|:---|:---|:---|:---|\n| `brand_name` | text | yes | — | The brand or product name. |\n| `industry` | text | yes | — | Industry\u002Fniche (e.g. \"fintech startup\", \"organic skincare\", \"luxury hotel chain\"). |\n| `style_direction` | text | no | modern, minimal, premium | Design aesthetic (e.g. \"bold and playful\", \"corporate and trustworthy\", \"dark luxury\"). |\n| `primary_color` | text | no | — | Optional brand primary color (hex code or color name, e.g. \"#3898EC\" or \"deep navy\"). |\n| `existing_logo` | image_url | no | — | Optional existing logo to extract brand cues from. |\n\n\n## Steps\n\nThis skill runs THREE parallel generation phases, all in a single the plan.\n\n### Phase A — Color & Typography Reference Card\n\n1. **Color palette card** — `muapi image generate` (model=`bytedance-seedream-v4.5`):\n   - Prompt: `Clean design guide color palette card for {{brand_name}} — {{style_direction}} style brand for {{industry}}. Shows 5 swatches: primary, secondary, accent, background, text. Each swatch labeled with hex code. Modern design reference card, white background, editorial typography, flat design.`\n   - If `{{primary_color}}` is given, include it: `primary color is {{primary_color}}`\n   - Aspect ratio: 16:9\n\n2. **Typography pairing preview** — `muapi image generate` (model=`bytedance-seedream-v4.5`):\n   - Prompt: `Brand typography pairing sheet for {{brand_name}} — {{style_direction}}. Shows heading font (large, bold), subheading font (medium), body font (small regular), and caption font. Includes font names, sizes, and usage rules. Clean white background, professional design reference.`\n   - Aspect ratio: 16:9\n\n### Phase B — UI Component Preview\n\n3. **UI components mockup** — `muapi image generate` (model=`gpt4o-text-to-image`):\n   - Prompt: `{{brand_name}} brand design system UI kit — {{style_direction}} for {{industry}}. Shows: primary button, secondary button, input field, card component, badge\u002Ftag, icon set sample. Consistent brand colors and fonts. Professional design spec sheet, light mode, high detail, Figma-style component documentation.`\n   - Aspect ratio: 4:3\n\n### Phase C — Brand Application Mockup\n\n4. **Real-world mockup** — `muapi image generate` (model=`nano-banana-pro`):\n   - Prompt: `{{brand_name}} brand identity applied to real-world mockups — {{style_direction}} style for {{industry}}. Shows business card, letterhead, and mobile app icon all with consistent brand identity. Professional brand presentation, clean background, photorealistic mockups.`\n   - If `{{existing_logo}}` provided, use `muapi image edit` (model=`nano-banana-pro-edit`) with it as reference.\n   - Aspect ratio: 4:3\n\nAfter all assets generate:\n- Present all 4 assets together as a cohesive design guide\n- Provide a written text summary with: suggested font stack, hex codes, spacing rules, and do\u002Fdon't guidelines\n- Offer to generate a social media template or logo next\n\n## Notes\n- All prompts should reinforce {{style_direction}} consistently across all phases.\n- If {{primary_color}} is blank, derive one from the {{industry}} and {{style_direction}} context.\n\n## Trigger Keywords\n\n`design guide`, `brand guide`, `style guide`, `design system`, `brand identity`, `visual identity`, `brand colors`, `typography`\n\n\n---\n\n## Notes for the Executing Agent\n\n- This recipe is LLM-orchestrated: read each phase, gather any missing inputs from the user, then call `muapi` CLI commands. Use `muapi auth configure` first if `MUAPI_API_KEY` is unset.\n- For model IDs without a CLI alias yet, fall back to the raw endpoint via `curl -X POST https:\u002F\u002Fapi.muapi.ai\u002Fapi\u002Fv1\u002F\u003Cendpoint> -H \"x-api-key: $MUAPI_API_KEY\" -H 'content-type: application\u002Fjson' -d '{...}'` and poll with `muapi predict wait \u003Crequest_id>`.\n- Substitute `{{input_name}}` placeholders with the user's actual inputs before issuing each call.\n",{"name":5,"slug":5,"version":54,"description":7,"acceptLicenseTerms":55},"1.0.0",true,"main","2b63f856ce19c2a797929cacabd9e0fc936812fa","plugins\u002FSamurAIGPT\u002FGenerative-Media-Skills\u002Flibrary\u002Fvisual\u002Fdesign-guide",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":67,"prompt":77,"zipAvailable":55},[68,71,74],{"tool":69,"command":70},"npx","npx skills add hashgraph-online\u002Fawesome-codex-plugins --skill muapi-design-guide",{"tool":72,"command":73},"bunx","bunx skills add hashgraph-online\u002Fawesome-codex-plugins --skill muapi-design-guide",{"tool":75,"command":76},"pnpm","pnpm dlx skills add hashgraph-online\u002Fawesome-codex-plugins --skill muapi-design-guide","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002FSamurAIGPT\u002FGenerative-Media-Skills\u002Flibrary\u002Fvisual\u002Fdesign-guide\u002FSKILL.md",[],[80,88,95,102,128,151],{"skillNo":81,"name":82,"nameZh":6,"description":83,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":84,"categories":85,"keywords":86,"publishedAt":87},"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":89,"name":90,"nameZh":6,"description":91,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":92,"categories":93,"keywords":94,"publishedAt":87},"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":96,"name":97,"nameZh":6,"description":98,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":99,"categories":100,"keywords":101,"publishedAt":87},"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":103,"name":104,"nameZh":6,"description":105,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":106,"categories":107,"keywords":108,"publishedAt":49},"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",[],[109,110,111,112,113,114,115,116,117,33,118,119,120,121,122,123,124,125,126,127],"search","deja search","never","error","ready","memory","re","decide","fix","debugging","when","you","done","reviewer","io","change","cli","merge","past",{"skillNo":129,"name":130,"nameZh":6,"description":131,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":132,"categories":133,"keywords":134,"publishedAt":49},"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",[],[135,136,137,123,36,138,139,140,141,142,45,143,144,145,114,146,147,148,149,150],"deja reflect","reflect","review","record","github","next","https","node","decisions","brew","remember","project rules","project","session","end","reflection",{"skillNo":152,"name":153,"nameZh":6,"description":154,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":155,"categories":156,"keywords":166,"publishedAt":49},"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",[157,160,163],{"categoryNo":158,"categoryName":159,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":161,"categoryName":162,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":164,"categoryName":165,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",[153,167,168,169,170,171,172,147,173,115,174,175,176,177,119,178,179,180,181,182],"URL","Video","short-form","standalone","PDF","viral","tiktok","short","social","MCP","song","image","mcp server","schedule","api","publish"]