[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6H3J2XTHA46EM2C4831NXFS":3,"skill-same:01M6H3J2XTHA46EM2C4831NXFS":162},{"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":31,"publishedAt":52,"linkOnly":53,"markdownContent":54,"markdownBody":55,"frontMatter":56,"refName":57,"commitSha":58,"skillDirectory":59,"forksCount":60,"repositoryHtmlUrl":61,"repositoryHomepageUrl":6,"ownerHtmlUrl":62,"ownerBlogUrl":63,"ownerDescription":64,"updatedAt":65,"install":66,"resources":79},"01M6H3J2XTHA46EM2C4831NXFS","oma-design",null,"AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance. Covers typography, color systems, motion design (motion\u002Freact, GSAP, Three.js), responsive-first layouts, and accessibility (WCAG 2.2).","first-fluke\u002Fmapple","first-fluke","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F245837028?v=4","01M6H3H0BFDYMTTET3QPVDG1BZ","First Fluke","01M6H3H0FHPW2AZF69J06PS57T",1,"AGPL-3.0","https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51],"oma design","design","typography","stitch mcp","with","color","responsive","pattern","three","stitch","motion","enforcement","WCAG","MCP Integration","library","gsap","component library","component","react","MCP","2026-11-10 10:12:30",false,"---\nname: oma-design\ndescription: >\n  AI design specialist skill with DESIGN.md management, anti-pattern enforcement,\n  optional Stitch MCP integration, and component library guidance.\n  Covers typography, color systems, motion design (motion\u002Freact, GSAP, Three.js),\n  responsive-first layouts, and accessibility (WCAG 2.2).\n---\n\n# oma-design\n\n## Scheduling\n\n### Goal\nDesign specialist that defines, creates, and validates project design systems.\nDESIGN.md is the central artifact; all design work revolves around it.\n\n### Intent signature\n- User asks for design system, `DESIGN.md`, visual direction, typography, color, motion, accessibility, anti-pattern review, or component guidance.\n- User needs design decisions before frontend implementation or wants UI quality audited from a design perspective.\n\n### When to use\n- Defining or revising a project design system\n- Creating or auditing `DESIGN.md`\n- Selecting typography, color, layout, motion, or component direction\n- Reviewing UI work for responsive behavior, accessibility, and visual quality\n- Using optional vendor inspiration from Stitch MCP or getdesign\n\n### When NOT to use\n- Implementing frontend components or application UI -> use `oma-frontend`\n- Planning product scope or task breakdown -> use `oma-pm`\n- Backend, database, infrastructure, or mobile implementation -> use the relevant specialist skill\n- General quality\u002Fsecurity review outside visual, interaction, and accessibility concerns -> use `oma-qa`\n\n### Expected inputs\n- Product, brand, audience, platform, and UI\u002Fdesign problem\n- Existing `.design-context.md`, `DESIGN.md`, screenshots, references, or component constraints\n- Accessibility, responsive, language, and implementation constraints\n\n### Expected outputs\n- Design direction, revised `DESIGN.md`, audit findings, component guidance, or handoff notes\n- Responsive-first, WCAG-aware design recommendations\n- Optional vendor seed attribution when getdesign is used\n\n```yaml\noutputs:\n  - name: design-doc\n    description: Updated DESIGN.md when the run materially advances the design system\n    artifact: \"DESIGN.md\"\n    required: false\n  - name: design-context\n    description: Refreshed .design-context.md snapshot when a discovery pass runs\n    artifact: \".design-context.md\"\n    required: false\n```\n\n### Dependencies\n- `.design-context.md` and `DESIGN.md`\n- Design resources, references, anti-pattern catalog, and optional Stitch\u002Fgetdesign integrations\n- shadcn\u002Fcomponent library context when recommending components\n\n### Control-flow features\n- Branches by missing context, CJK language support, vendor seed availability, and anti-pattern audit results\n- May read\u002Fwrite design docs and call optional design\u002Fvendor tooling\n- Requires user confirmation before generation when multiple directions exist\n\n## Structural Flow\n\n### Entry\n1. Check `.design-context.md`; if missing, run setup before design work.\n2. Identify target audience, platform, content language, and design artifact.\n3. Decide whether vendor inspiration or Stitch integration is relevant.\n\n### Scenes\n1. **PREPARE**: Load design context and constraints.\n2. **ACQUIRE**: Extract existing design signals, references, and anti-pattern risks.\n3. **REASON**: Propose directions, typography, color, layout, motion, and accessibility choices.\n4. **ACT**: Generate or revise `DESIGN.md` and related guidance.\n5. **VERIFY**: Audit responsive behavior, WCAG, Nielsen heuristics, and AI-slop patterns.\n6. **FINALIZE**: Handoff design decisions and attribution where required.\n\n### Transitions\n- If `.design-context.md` is missing, create it before continuing.\n- If CJK support is needed, prioritize CJK-ready fonts.\n- If vendor seed fetch fails, choose retry, continue without seed, or abort.\n- If anti-patterns appear, surface alternatives before finalizing.\n\n### Failure and recovery\n- If design context is insufficient, ask for one focused clarification or propose assumptions.\n- If vendor inspiration is unavailable, continue with local design synthesis.\n- If accessibility checks fail, revise before handoff.\n\n### Exit\n- Success: design artifact is project-specific, responsive-first, accessible, and audit-ready.\n- Partial success: missing context, vendor failure, or open design decision is explicit.\n\n## Logical Operations\n\n### Actions\n| Action | SSL primitive | Evidence |\n|--------|---------------|----------|\n| Read design context | `READ` | `.design-context.md`, `DESIGN.md`, references |\n| Select design direction | `SELECT` | 2-3 directions and recommended option |\n| Infer visual system | `INFER` | Typography, color, layout, motion |\n| Call optional tooling | `CALL_TOOL` | Stitch\u002Fgetdesign\u002Fshadcn when relevant |\n| Write design artifact | `WRITE` | `DESIGN.md` or audit output |\n| Validate design quality | `VALIDATE` | Checklist, WCAG, anti-patterns |\n| Report handoff | `NOTIFY` | Final design summary |\n\n### Tools and instruments\n- Design references, anti-pattern catalog, checklist, Stitch integration, getdesign fetcher\n- shadcn CLI recommendations when component guidance is needed\n\n### Canonical workflow path\n```text\n1. Check `.design-context.md`; create it if missing.\n2. Produce 2-3 design directions and get confirmation.\n3. Generate or revise `DESIGN.md`, then run the design checklist.\n```\n\nOptional vendor seed discovery:\n```bash\nbunx getdesign@latest list\n```\n\n### Resource scope\n| Scope | Resource target |\n|-------|-----------------|\n| `LOCAL_FS` | `.design-context.md`, `DESIGN.md`, design resources |\n| `CODEBASE` | Existing UI and component patterns |\n| `NETWORK` | Optional getdesign\u002Fvendor references |\n| `PROCESS` | Optional CLI\u002Ftool invocations |\n\n### Preconditions\n- Target design problem and artifact are identifiable.\n- Design context exists or setup can create it.\n\n### Effects and side effects\n- May create or modify `DESIGN.md` and design context artifacts.\n- May fetch vendor seed material and append MIT attribution.\n- Does not implement frontend code directly.\n\n### Guardrails\n1. Check `.design-context.md` before any design work. If missing, run Phase 1 (Setup) to create it.\n2. System font stack as default (`system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`). Add custom fonts only with project justification.\n3. If the service supports CJK languages (ko\u002Fja\u002Fzh): prioritize CJK-ready fonts (Pretendard Variable > Noto Sans CJK > system-ui fallback). If latin-only: choose fonts appropriate for the target audience.\n4. Enforce anti-patterns strictly; reject AI slop. See `resources\u002Fanti-patterns.md`.\n5. Name colors semantically with hex values: \"Deep Ocean Navy (#1a2332)\" not \"dark blue\".\n6. Recommend components with install commands (shadcn CLI).\n7. ALL output must be responsive-first (mobile layout as default, enhance upward).\n8. WCAG AA minimum for all designs. Respect `prefers-reduced-motion`.\n9. Stitch MCP is optional; all phases work without it.\n10. Present 2-3 design directions and get user confirmation before generating.\n\n### Anti-Pattern Quick Reference\n\n### Typography\n- DON'T: Default to custom Google Fonts when system fonts suffice\n- DON'T: Use Inter\u002FGeist alone without considering project context\n- DON'T: Load 3+ font families without justification\n- DON'T: Body text below 16px on mobile\n- DO: System font stack first, custom fonts for brand identity only\n- DO: Test CJK at every size (line-height 1.7-1.8)\n\n### Color & Gradient\n- DON'T: Purple-to-blue gradient backgrounds (strongest AI slop signal)\n- DON'T: Gradient orbs\u002Fblobs as hero decoration (\"AI SaaS look\")\n- DON'T: Gradient + glassmorphism + blur combo (triple slop)\n- DON'T: Mesh gradient backgrounds as primary visual\n- DON'T: Pure white (#fff) on pure black (#000); too harsh\n- DO: Solid colors or subtle single-hue gradients\n- DO: Texture (noise, grain, dither) over plain gradients\n- DO: Derive gradients from brand colors with clear purpose\n\n### Layout\n- DON'T: Nested cards inside nested cards\n- DON'T: Desktop-only fixed-width layouts\n- DON'T: Hero with identical 3-metric stats layout (AI pattern)\n- DO: 8px grid, consistent section rhythm\n- DO: Responsive-first, works at 375px minimum\n- DO: Mix layout patterns (chess, grid, bento, full-bleed)\n\n### Motion\n- DON'T: Bounce easing on everything\n- DON'T: Animation duration > 800ms for UI transitions\n- DON'T: Ignore prefers-reduced-motion\n- DO: transform + opacity only for 60fps\n- DO: 150ms micro-interactions, 200-500ms transitions\n\n### Components\n- DON'T: Glassmorphism everywhere; use sparingly\n- DON'T: Hover-only interactions without touch\u002Fkeyboard alternatives\n- DO: shadcn\u002Fui for base, Aceternity UI \u002F React Bits for accent effects\n- DO: All interactive elements must have visible focus states\n\n### Workflow Summary\n7 phases: Setup → Extract → Enhance → Propose → Generate → Audit → Handoff.\nSee `resources\u002Fexecution-protocol.md` for full detail.\n\n### Vendor Inspiration (getdesign)\n\nPhase 2 can optionally seed from the community\n[getdesign](https:\u002F\u002Fgetdesign.md) catalog\n([VoltAgent\u002Fawesome-design-md](https:\u002F\u002Fgithub.com\u002FVoltAgent\u002Fawesome-design-md),\nMIT). Trigger it by listing a supported vendor domain in the\n`## Reference Sites` section of your `.design-context.md`:\n\n```markdown\n## Reference Sites\n- [linear.app](https:\u002F\u002Flinear.app): clean dark UI, minimal, professional\n- [stripe.com](https:\u002F\u002Fstripe.com): strong hierarchy, purposeful animation\n```\n\nAny domain that matches a brand in the getdesign manifest triggers an\nautomatic fetch + hash-verify + load during Phase 2. No new fields, no\nextra config. Full vendor list: see `bunx getdesign@latest list`\n(telemetry is always disabled by oma-design).\n\n**Seed, not final.** oma-design treats vendor templates as inspiration\nand synthesizes a project-specific DESIGN.md around them. Importantly:\n- **Typography is never adopted from the seed.** Rule #2 (system font\n  stack default) and Rule #3 (Pretendard Variable \u002F Noto Sans CJK for\n  ko\u002Fja\u002Fzh) always win over the vendor's latin-only fonts.\n- **Anti-patterns are pre-audited** before synthesis. If a vendor uses\n  heavy glassmorphism or purple gradients, Phase 4 will surface the\n  choice explicitly rather than copy the pattern silently.\n- **Offline is fine.** If the fetch fails, you get a 3-option dialog\n  (retry \u002F continue without seed \u002F abort). Default: continue.\n\nAttribution is appended to the generated `DESIGN.md` in Phase 7 as a\nrequired MIT compliance footer. Full fetcher rules, matching algorithm,\ninjection defenses, and multi-vendor merge policy live in\n`resources\u002Fgetdesign-fetcher.md`.\n\n### Resources\n- `resources\u002Fexecution-protocol.md`: 7-phase workflow\n- `resources\u002Fanti-patterns.md`: Full DO\u002FDON'T catalog\n- `resources\u002Fchecklist.md`: Audit checklist (Responsive + WCAG + Nielsen + Slop)\n- `resources\u002Fdesign-md-spec.md`: DESIGN.md generation guide (9 sections)\n- `resources\u002Fdesign-tokens.md`: CSS\u002FTailwind\u002Fshadcn export templates\n- `resources\u002Fprompt-enhancement.md`: Vague request to detailed spec\n- `resources\u002Fstitch-integration.md`: Stitch MCP tool mapping (optional)\n- `resources\u002Fgetdesign-fetcher.md`: Vendor seed fetch, hash verify, seed rules\n- `resources\u002Ferror-playbook.md`: Design error recovery\n\n## References\n- `reference\u002Fvisual-hierarchy.md`: 7 hierarchy principles (Alignment, Color, Contrast, Proximity, Size, Texture, Time)\n- `reference\u002Ftypography.md`: Font selection, type scale, CJK\n- `reference\u002Fcolor-and-contrast.md`: Color psychology, WCAG contrast\n- `reference\u002Fspatial-design.md`: 8px grid, breakpoints, spacing\n- `reference\u002Fmotion-design.md`: motion\u002Freact, GSAP, Three.js, ogl, Temporal UX\n- `reference\u002Fresponsive-design.md`: Mobile-first, theme system\n- `reference\u002Fcomponent-patterns.md`: shadcn\u002FAceternity\u002FReact Bits catalog\n- `reference\u002Faccessibility.md`: WCAG 2.2, ARIA, focus, reduced-motion\n- `reference\u002Fshader-and-3d.md`: WebGL, R3F, ogl, performance\n\n### Examples\n- `examples\u002Fdesign-context-example.md`: .design-context.md example\n- `examples\u002Flanding-page-prompt.md`: Detailed landing page prompt\n","# oma-design\n\n## Scheduling\n\n### Goal\nDesign specialist that defines, creates, and validates project design systems.\nDESIGN.md is the central artifact; all design work revolves around it.\n\n### Intent signature\n- User asks for design system, `DESIGN.md`, visual direction, typography, color, motion, accessibility, anti-pattern review, or component guidance.\n- User needs design decisions before frontend implementation or wants UI quality audited from a design perspective.\n\n### When to use\n- Defining or revising a project design system\n- Creating or auditing `DESIGN.md`\n- Selecting typography, color, layout, motion, or component direction\n- Reviewing UI work for responsive behavior, accessibility, and visual quality\n- Using optional vendor inspiration from Stitch MCP or getdesign\n\n### When NOT to use\n- Implementing frontend components or application UI -> use `oma-frontend`\n- Planning product scope or task breakdown -> use `oma-pm`\n- Backend, database, infrastructure, or mobile implementation -> use the relevant specialist skill\n- General quality\u002Fsecurity review outside visual, interaction, and accessibility concerns -> use `oma-qa`\n\n### Expected inputs\n- Product, brand, audience, platform, and UI\u002Fdesign problem\n- Existing `.design-context.md`, `DESIGN.md`, screenshots, references, or component constraints\n- Accessibility, responsive, language, and implementation constraints\n\n### Expected outputs\n- Design direction, revised `DESIGN.md`, audit findings, component guidance, or handoff notes\n- Responsive-first, WCAG-aware design recommendations\n- Optional vendor seed attribution when getdesign is used\n\n```yaml\noutputs:\n  - name: design-doc\n    description: Updated DESIGN.md when the run materially advances the design system\n    artifact: \"DESIGN.md\"\n    required: false\n  - name: design-context\n    description: Refreshed .design-context.md snapshot when a discovery pass runs\n    artifact: \".design-context.md\"\n    required: false\n```\n\n### Dependencies\n- `.design-context.md` and `DESIGN.md`\n- Design resources, references, anti-pattern catalog, and optional Stitch\u002Fgetdesign integrations\n- shadcn\u002Fcomponent library context when recommending components\n\n### Control-flow features\n- Branches by missing context, CJK language support, vendor seed availability, and anti-pattern audit results\n- May read\u002Fwrite design docs and call optional design\u002Fvendor tooling\n- Requires user confirmation before generation when multiple directions exist\n\n## Structural Flow\n\n### Entry\n1. Check `.design-context.md`; if missing, run setup before design work.\n2. Identify target audience, platform, content language, and design artifact.\n3. Decide whether vendor inspiration or Stitch integration is relevant.\n\n### Scenes\n1. **PREPARE**: Load design context and constraints.\n2. **ACQUIRE**: Extract existing design signals, references, and anti-pattern risks.\n3. **REASON**: Propose directions, typography, color, layout, motion, and accessibility choices.\n4. **ACT**: Generate or revise `DESIGN.md` and related guidance.\n5. **VERIFY**: Audit responsive behavior, WCAG, Nielsen heuristics, and AI-slop patterns.\n6. **FINALIZE**: Handoff design decisions and attribution where required.\n\n### Transitions\n- If `.design-context.md` is missing, create it before continuing.\n- If CJK support is needed, prioritize CJK-ready fonts.\n- If vendor seed fetch fails, choose retry, continue without seed, or abort.\n- If anti-patterns appear, surface alternatives before finalizing.\n\n### Failure and recovery\n- If design context is insufficient, ask for one focused clarification or propose assumptions.\n- If vendor inspiration is unavailable, continue with local design synthesis.\n- If accessibility checks fail, revise before handoff.\n\n### Exit\n- Success: design artifact is project-specific, responsive-first, accessible, and audit-ready.\n- Partial success: missing context, vendor failure, or open design decision is explicit.\n\n## Logical Operations\n\n### Actions\n| Action | SSL primitive | Evidence |\n|--------|---------------|----------|\n| Read design context | `READ` | `.design-context.md`, `DESIGN.md`, references |\n| Select design direction | `SELECT` | 2-3 directions and recommended option |\n| Infer visual system | `INFER` | Typography, color, layout, motion |\n| Call optional tooling | `CALL_TOOL` | Stitch\u002Fgetdesign\u002Fshadcn when relevant |\n| Write design artifact | `WRITE` | `DESIGN.md` or audit output |\n| Validate design quality | `VALIDATE` | Checklist, WCAG, anti-patterns |\n| Report handoff | `NOTIFY` | Final design summary |\n\n### Tools and instruments\n- Design references, anti-pattern catalog, checklist, Stitch integration, getdesign fetcher\n- shadcn CLI recommendations when component guidance is needed\n\n### Canonical workflow path\n```text\n1. Check `.design-context.md`; create it if missing.\n2. Produce 2-3 design directions and get confirmation.\n3. Generate or revise `DESIGN.md`, then run the design checklist.\n```\n\nOptional vendor seed discovery:\n```bash\nbunx getdesign@latest list\n```\n\n### Resource scope\n| Scope | Resource target |\n|-------|-----------------|\n| `LOCAL_FS` | `.design-context.md`, `DESIGN.md`, design resources |\n| `CODEBASE` | Existing UI and component patterns |\n| `NETWORK` | Optional getdesign\u002Fvendor references |\n| `PROCESS` | Optional CLI\u002Ftool invocations |\n\n### Preconditions\n- Target design problem and artifact are identifiable.\n- Design context exists or setup can create it.\n\n### Effects and side effects\n- May create or modify `DESIGN.md` and design context artifacts.\n- May fetch vendor seed material and append MIT attribution.\n- Does not implement frontend code directly.\n\n### Guardrails\n1. Check `.design-context.md` before any design work. If missing, run Phase 1 (Setup) to create it.\n2. System font stack as default (`system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`). Add custom fonts only with project justification.\n3. If the service supports CJK languages (ko\u002Fja\u002Fzh): prioritize CJK-ready fonts (Pretendard Variable > Noto Sans CJK > system-ui fallback). If latin-only: choose fonts appropriate for the target audience.\n4. Enforce anti-patterns strictly; reject AI slop. See `resources\u002Fanti-patterns.md`.\n5. Name colors semantically with hex values: \"Deep Ocean Navy (#1a2332)\" not \"dark blue\".\n6. Recommend components with install commands (shadcn CLI).\n7. ALL output must be responsive-first (mobile layout as default, enhance upward).\n8. WCAG AA minimum for all designs. Respect `prefers-reduced-motion`.\n9. Stitch MCP is optional; all phases work without it.\n10. Present 2-3 design directions and get user confirmation before generating.\n\n### Anti-Pattern Quick Reference\n\n### Typography\n- DON'T: Default to custom Google Fonts when system fonts suffice\n- DON'T: Use Inter\u002FGeist alone without considering project context\n- DON'T: Load 3+ font families without justification\n- DON'T: Body text below 16px on mobile\n- DO: System font stack first, custom fonts for brand identity only\n- DO: Test CJK at every size (line-height 1.7-1.8)\n\n### Color & Gradient\n- DON'T: Purple-to-blue gradient backgrounds (strongest AI slop signal)\n- DON'T: Gradient orbs\u002Fblobs as hero decoration (\"AI SaaS look\")\n- DON'T: Gradient + glassmorphism + blur combo (triple slop)\n- DON'T: Mesh gradient backgrounds as primary visual\n- DON'T: Pure white (#fff) on pure black (#000); too harsh\n- DO: Solid colors or subtle single-hue gradients\n- DO: Texture (noise, grain, dither) over plain gradients\n- DO: Derive gradients from brand colors with clear purpose\n\n### Layout\n- DON'T: Nested cards inside nested cards\n- DON'T: Desktop-only fixed-width layouts\n- DON'T: Hero with identical 3-metric stats layout (AI pattern)\n- DO: 8px grid, consistent section rhythm\n- DO: Responsive-first, works at 375px minimum\n- DO: Mix layout patterns (chess, grid, bento, full-bleed)\n\n### Motion\n- DON'T: Bounce easing on everything\n- DON'T: Animation duration > 800ms for UI transitions\n- DON'T: Ignore prefers-reduced-motion\n- DO: transform + opacity only for 60fps\n- DO: 150ms micro-interactions, 200-500ms transitions\n\n### Components\n- DON'T: Glassmorphism everywhere; use sparingly\n- DON'T: Hover-only interactions without touch\u002Fkeyboard alternatives\n- DO: shadcn\u002Fui for base, Aceternity UI \u002F React Bits for accent effects\n- DO: All interactive elements must have visible focus states\n\n### Workflow Summary\n7 phases: Setup → Extract → Enhance → Propose → Generate → Audit → Handoff.\nSee `resources\u002Fexecution-protocol.md` for full detail.\n\n### Vendor Inspiration (getdesign)\n\nPhase 2 can optionally seed from the community\n[getdesign](https:\u002F\u002Fgetdesign.md) catalog\n([VoltAgent\u002Fawesome-design-md](https:\u002F\u002Fgithub.com\u002FVoltAgent\u002Fawesome-design-md),\nMIT). Trigger it by listing a supported vendor domain in the\n`## Reference Sites` section of your `.design-context.md`:\n\n```markdown\n## Reference Sites\n- [linear.app](https:\u002F\u002Flinear.app): clean dark UI, minimal, professional\n- [stripe.com](https:\u002F\u002Fstripe.com): strong hierarchy, purposeful animation\n```\n\nAny domain that matches a brand in the getdesign manifest triggers an\nautomatic fetch + hash-verify + load during Phase 2. No new fields, no\nextra config. Full vendor list: see `bunx getdesign@latest list`\n(telemetry is always disabled by oma-design).\n\n**Seed, not final.** oma-design treats vendor templates as inspiration\nand synthesizes a project-specific DESIGN.md around them. Importantly:\n- **Typography is never adopted from the seed.** Rule #2 (system font\n  stack default) and Rule #3 (Pretendard Variable \u002F Noto Sans CJK for\n  ko\u002Fja\u002Fzh) always win over the vendor's latin-only fonts.\n- **Anti-patterns are pre-audited** before synthesis. If a vendor uses\n  heavy glassmorphism or purple gradients, Phase 4 will surface the\n  choice explicitly rather than copy the pattern silently.\n- **Offline is fine.** If the fetch fails, you get a 3-option dialog\n  (retry \u002F continue without seed \u002F abort). Default: continue.\n\nAttribution is appended to the generated `DESIGN.md` in Phase 7 as a\nrequired MIT compliance footer. Full fetcher rules, matching algorithm,\ninjection defenses, and multi-vendor merge policy live in\n`resources\u002Fgetdesign-fetcher.md`.\n\n### Resources\n- `resources\u002Fexecution-protocol.md`: 7-phase workflow\n- `resources\u002Fanti-patterns.md`: Full DO\u002FDON'T catalog\n- `resources\u002Fchecklist.md`: Audit checklist (Responsive + WCAG + Nielsen + Slop)\n- `resources\u002Fdesign-md-spec.md`: DESIGN.md generation guide (9 sections)\n- `resources\u002Fdesign-tokens.md`: CSS\u002FTailwind\u002Fshadcn export templates\n- `resources\u002Fprompt-enhancement.md`: Vague request to detailed spec\n- `resources\u002Fstitch-integration.md`: Stitch MCP tool mapping (optional)\n- `resources\u002Fgetdesign-fetcher.md`: Vendor seed fetch, hash verify, seed rules\n- `resources\u002Ferror-playbook.md`: Design error recovery\n\n## References\n- `reference\u002Fvisual-hierarchy.md`: 7 hierarchy principles (Alignment, Color, Contrast, Proximity, Size, Texture, Time)\n- `reference\u002Ftypography.md`: Font selection, type scale, CJK\n- `reference\u002Fcolor-and-contrast.md`: Color psychology, WCAG contrast\n- `reference\u002Fspatial-design.md`: 8px grid, breakpoints, spacing\n- `reference\u002Fmotion-design.md`: motion\u002Freact, GSAP, Three.js, ogl, Temporal UX\n- `reference\u002Fresponsive-design.md`: Mobile-first, theme system\n- `reference\u002Fcomponent-patterns.md`: shadcn\u002FAceternity\u002FReact Bits catalog\n- `reference\u002Faccessibility.md`: WCAG 2.2, ARIA, focus, reduced-motion\n- `reference\u002Fshader-and-3d.md`: WebGL, R3F, ogl, performance\n\n### Examples\n- `examples\u002Fdesign-context-example.md`: .design-context.md example\n- `examples\u002Flanding-page-prompt.md`: Detailed landing page prompt\n",{"name":5,"description":7},"main","faa5b71f133b677d6ce9fda180c32274524b8be8",".agents\u002Fskills\u002Foma-design",0,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple","https:\u002F\u002Fgithub.com\u002Ffirst-fluke","https:\u002F\u002Ffirstfluke.com","An engineering-first collective building scalable, AI-native software and infrastructure.","2026-06-20 23:18:56",{"source":8,"skillName":5,"commands":67,"prompt":77,"zipAvailable":78},[68,71,74],{"tool":69,"command":70},"npx","npx skills add first-fluke\u002Fmapple --skill oma-design",{"tool":72,"command":73},"bunx","bunx skills add first-fluke\u002Fmapple --skill oma-design",{"tool":75,"command":76},"pnpm","pnpm dlx skills add first-fluke\u002Fmapple --skill oma-design","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002FSKILL.md",true,[80,86,90,94,98,102,106,110,114,118,122,126,130,134,138,142,146,150,154,158],{"path":81,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":84,"sourceHtmlUrl":85},"examples\u002Fdesign-context-example.md","REFERENCE","参考文档",3039,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fexamples\u002Fdesign-context-example.md",{"path":87,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":88,"sourceHtmlUrl":89},"examples\u002Flanding-page-prompt.md",4864,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fexamples\u002Flanding-page-prompt.md",{"path":91,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":92,"sourceHtmlUrl":93},"reference\u002Faccessibility.md",4504,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Freference\u002Faccessibility.md",{"path":95,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":96,"sourceHtmlUrl":97},"reference\u002Fcolor-and-contrast.md",3802,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Freference\u002Fcolor-and-contrast.md",{"path":99,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":100,"sourceHtmlUrl":101},"reference\u002Fcomponent-patterns.md",5848,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Freference\u002Fcomponent-patterns.md",{"path":103,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":104,"sourceHtmlUrl":105},"reference\u002Fmotion-design.md",8104,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Freference\u002Fmotion-design.md",{"path":107,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":108,"sourceHtmlUrl":109},"reference\u002Fresponsive-design.md",3701,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Freference\u002Fresponsive-design.md",{"path":111,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":112,"sourceHtmlUrl":113},"reference\u002Fshader-and-3d.md",5103,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Freference\u002Fshader-and-3d.md",{"path":115,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":116,"sourceHtmlUrl":117},"reference\u002Fspatial-design.md",2823,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Freference\u002Fspatial-design.md",{"path":119,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":120,"sourceHtmlUrl":121},"reference\u002Ftypography.md",2695,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Freference\u002Ftypography.md",{"path":123,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":124,"sourceHtmlUrl":125},"reference\u002Fvisual-hierarchy.md",9881,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Freference\u002Fvisual-hierarchy.md",{"path":127,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":128,"sourceHtmlUrl":129},"resources\u002Fanti-patterns.md",4141,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fresources\u002Fanti-patterns.md",{"path":131,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":132,"sourceHtmlUrl":133},"resources\u002Fchecklist.md",3003,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fresources\u002Fchecklist.md",{"path":135,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":136,"sourceHtmlUrl":137},"resources\u002Fdesign-md-spec.md",8532,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fresources\u002Fdesign-md-spec.md",{"path":139,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":140,"sourceHtmlUrl":141},"resources\u002Fdesign-tokens.md",4000,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fresources\u002Fdesign-tokens.md",{"path":143,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":144,"sourceHtmlUrl":145},"resources\u002Ferror-playbook.md",4008,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fresources\u002Ferror-playbook.md",{"path":147,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":148,"sourceHtmlUrl":149},"resources\u002Fexecution-protocol.md",9456,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fresources\u002Fexecution-protocol.md",{"path":151,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":152,"sourceHtmlUrl":153},"resources\u002Fgetdesign-fetcher.md",13491,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fresources\u002Fgetdesign-fetcher.md",{"path":155,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":156,"sourceHtmlUrl":157},"resources\u002Fprompt-enhancement.md",4548,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fresources\u002Fprompt-enhancement.md",{"path":159,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":160,"sourceHtmlUrl":161},"resources\u002Fstitch-integration.md",3883,"https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Foma-design\u002Fresources\u002Fstitch-integration.md",[163,169,179,185,192,201],{"skillNo":164,"name":165,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":166,"categories":167,"keywords":168,"publishedAt":52},"01M6H3TQ55F8DE50S0AR3J44MG","work","https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.qwen\u002Fskills\u002Fwork\u002FSKILL.md",[],[165],{"skillNo":170,"name":171,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":172,"categories":173,"keywords":177,"publishedAt":52},"01M6H3TMBRRDMJMRENBJH8P4V9","video","https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.qwen\u002Fskills\u002Fvideo\u002FSKILL.md",[174],{"categoryNo":175,"categoryName":176,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",[178],"Video",{"skillNo":180,"name":181,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":182,"categories":183,"keywords":184,"publishedAt":52},"01M6H3TH7EMW9YEX66GB83C1GF","ultrawork","https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.qwen\u002Fskills\u002Fultrawork\u002FSKILL.md",[],[181],{"skillNo":186,"name":187,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":188,"categories":189,"keywords":190,"publishedAt":52},"01M6H3TEHMS3Y8KR2GA1R6K1KV","tools","https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.qwen\u002Fskills\u002Ftools\u002FSKILL.md",[],[191],"Tools",{"skillNo":193,"name":194,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":195,"categories":196,"keywords":197,"publishedAt":52},"01M6H3TC4Z8XVX21DJB7SSG24M","stack-set","https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.qwen\u002Fskills\u002Fstack-set\u002FSKILL.md",[],[198,199,200],"SET","stack","stack set",{"skillNo":202,"name":203,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":204,"categories":205,"keywords":206,"publishedAt":52},"01M6H3T8SPSFYERV58YKAS5W9D","scm","https:\u002F\u002Fgithub.com\u002Ffirst-fluke\u002Fmapple\u002Fblob\u002Fmain\u002F.qwen\u002Fskills\u002Fscm\u002FSKILL.md",[],[203]]