Codex Skill Awesome Design Md
Codex Skill: 73 brand-inspired DESIGN.md templates for AI coding assistants | 为 AI 编码助手注入品牌级设计直觉
Asset-Profil
Coding- und Entwickler-Agents
Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills.
Szenario
GitHub automation
I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.
Agent-Fit
Claude Code + OpenAI Agents + Cursor
Geeignet für Codex, Claude Code, Cursor, CLI oder benutzerdefinierte Agents.
Installieren
Bereit
npx skills add taffy-owo/codex-skill-awesome-design-md
Wartung
Aktuell
26 Tage seit dem letzten Push
Risiko
Prüfung nötig
Low GitHub adoption signal
GitHub-Qualität
13
67/100 Qualität · 74/100 Vertrauen
Abdeckungs-Tags
Review-Notizen
Low GitHub adoption signal · Quality score needs review
Agent-Adoptionskarte
Vertrauen, Audit und Installationsbereitschaft auf einen Blick
Diese Werte kombinieren öffentliche Repository-Metadaten, OpenAgentSkill-Reviewsignale, Wartungsaktualität und Installationsbereitschaft. Sie helfen bei der Vorauswahl, ersetzen aber keine menschliche Prüfung.
Qualität
VielversprechendUseful candidate, but compare it with alternatives before adopting.
Vertrauen
Nur SandboxNützlicher Kandidat mit fehlenden oder gemischten Vertrauenssignalen. Bis der Ergebniszyklus die Passung belegt, in einem isolierten Arbeitsbereich verwenden.
Audit
Prüfung nötigMaschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.
OpenAgentSkill Trust Score v5
Menschliche Prüfung vor Installation
Nur in einer Sandbox ausführen und nahe Alternativen vergleichen, bevor sie produktiv eingesetzt wird.
Stars
13 GitHub-Stars
Repository-Aktivität
13 Stars und 0 Forks
Wartung
26 Tage seit dem letzten Push
Lizenz
MIT
Installieren
npx skills add taffy-owo/codex-skill-awesome-design-md
Installationssicherheit
Standard-Paket- oder Laufzeit-Installationspfad
Berechtigungsfläche
shell or command execution, network or browser access
Agent-Ergebnisse
Noch keine Agent-Ergebnisdaten
Dokumentation
Starker README/SKILL.md-Kontext
Risikoübersicht
Vor Produktion prüfen
- Low GitHub adoption signal
- Quality score needs review
- GitHub adoption: 13 GitHub stars
- Stars/forks activity: 13 stars, 0 forks; issue activity unavailable in current metadata
Installationsbereitschaft
Installationspfad verfügbar
- Installationspfad ist verfügbar
- Repository-Belege sind verfügbar
- Lizenz ist angegeben
- Noch keine Agent-Proven-Ergebnisbelege
Agent-lesbare Metadaten
Maschinenlesbare Entscheidungsdaten für diesen Skill.
Nutze diesen Block oder das eingebettete JSON, um zu entscheiden, ob ein Agent diesen Skill installieren, eine Alternative wählen oder zuerst menschliche Prüfung anfordern soll.
Geeignete Aufgaben
- GitHub automation-Workflows
- Claude-Code-Teams
- builders willing to evaluate younger projects
- Inspect repository metadata
Geeignete Agents
Installationsentscheidung
- Befehl
- npx skills add taffy-owo/codex-skill-awesome-design-md
- Richtlinie
- Prüfen
- Menschliche Prüfung
- Ja
Vertrauen und Risiko
- Vertrauen
- 66/100
- Audit
- 79/100
- Risikoebene
- Prüfung nötig
Ergebnis-Loop
- Endpoint
- /api/agent/outcome
- Event-ID
- resolve
- Ergebnisse
- 5
Installationsbefehl
npx skills add taffy-owo/codex-skill-awesome-design-mdNicht verwenden, wenn
- Teams, die ein vom Anbieter unterstütztes SLA benötigen
- production agents without a repository review
- Low GitHub adoption signal
- Hinweise auf Hochrisiko-Berechtigungen: Shell- oder Befehlsausführung
- Quality score needs review
Alternative
Frontend Design
170.9K Stars
npx skills add anthropics/skills --skill frontend-design
Alternative
Taste Skill: Anti-Slop Frontend
79.0K Stars
npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
Alternative
Canvas Design
170.9K Stars
npx skills add anthropics/skills --skill canvas-design
Alternative
Anthropic Brand Guidelines
170.9K Stars
npx skills add anthropics/skills --skill brand-guidelines
Agent-Sicherheit v2
51/100 · Automatische Installation vermeiden
Sparse or mixed signals. Useful for discovery, but not for autonomous installation.
Test manually in an isolated workspace and compare against safer alternatives.
Hoch
Shell- oder Befehlsausführung
Die Skill-Metadaten verweisen auf Terminal-, CLI-, Shell-, Subprozess- oder Befehlsausführungs-Workflows.
Mittel
Netzwerkzugriff
Die Skill ruft wahrscheinlich Remote-Seiten, APIs, Repositories oder externe Dienste ab.
Mittel
Dateisystemzugriff
Die Skill kann Projektdateien, Dokumente, generierte Artefakte oder den lokalen Arbeitsbereich lesen oder schreiben.
- Hinweise auf Hochrisiko-Berechtigungen: Shell- oder Befehlsausführung
- Low GitHub adoption signal
Installationsziele
Diesen Skill im Agent-Workflow installieren
Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.
OpenAgentSkill CLI
Resolve policy, run the source installer safely, and report a verified install receipt.
$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install taffy-owo-codex-skill-awesome-design-mdAgent-Auflösungsplan
Lass einen Agent die Eignung vor der Installation prüfen.
Die Resolve API liefert die beste Skill, Alternativen, Sicherheitsrichtlinien, Auditnotizen, Installationsziel und einen direkt nutzbaren Prompt.
JSON öffnen
/api/agent/resolve?task=Use%20Codex%20Skill%20Awesome%20Design%20Md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve-Text
/api/agent/resolve?task=Use%20Codex%20Skill%20Awesome%20Design%20Md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Installationsübergabe
/api/skills/taffy-owo-codex-skill-awesome-design-md/install
Agent sollte prüfen
- Task fit and alternatives from Resolve API.
- Audit score, trust score, and safety policy warnings.
- Install target compatibility for Codex, Claude Code, Cursor, or CLI.
Prompt kopieren
Task: Use Codex Skill Awesome Design Md in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20Codex%20Skill%20Awesome%20Design%20Md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/taffy-owo-codex-skill-awesome-design-md/install
Install command: npx skills add taffy-owo/codex-skill-awesome-design-md
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent-Übergabe
Gib dem Agent den Installationspfad, nicht noch ein Verzeichnis.
Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.
Installationsübergabe
/api/skills/taffy-owo-codex-skill-awesome-design-md/install
LLM-Textformat
/api/skills/taffy-owo-codex-skill-awesome-design-md/install?format=text
Alternativen finden
/api/skills/search?q=Codex%20Skill%20Awesome%20Design%20Md&limit=3
Agent-Prompt
Use Codex Skill Awesome Design Md for this task. Review https://www.openagentskill.com/api/skills/taffy-owo-codex-skill-awesome-design-md/install, then install with: npx skills add taffy-owo/codex-skill-awesome-design-mdRegistry-Metadaten
Agent-lesbares Profil für die automatische Skill-Auswahl.
Die Registry API stellt Entscheidungs-, Vertrauens-, Audit-, Use-Case- und Installationssignale ohne UI-Scraping bereit.
Manifest
/api/registry/manifest/taffy-owo-codex-skill-awesome-design-md
LLM-Text
/api/registry/manifest/taffy-owo-codex-skill-awesome-design-md?format=text
Installationsalias
/api/registry/install/taffy-owo-codex-skill-awesome-design-md
Empfehlen
/api/registry/recommend?task=Use%20Codex%20Skill%20Awesome%20Design%20Md%20in%20an%20agent%20workflow&limit=3
Agent-Fit
GitHub automation
Use-Case-Tags
Plattformen
Python, Claude Code, OpenAI Agents, Cursor
Audit-Bericht
Prüfung nötig · 79/100
Maschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.
Agent-Entscheidungspanel
Fallback candidate for GitHub automation
Prototype with this skill first; keep a fallback candidate ready.
Rolle im Stack
Fallback-Kandidat
Primäre Eignung
GitHub automation
Vertrauenslabel
Zuerst prototypisieren
Installationspfad
Befehl bereit
Verwenden wenn
- GitHub automation-Workflows
- Claude-Code-Teams
- builders willing to evaluate younger projects
Evidenz
- recent repository activity
- install command or GitHub repo available
- Qualitätsprofil 67/100
- 8 OpenAgentSkill-Interaktionen
zuerst prüfen
- Low GitHub adoption signal
Implementierungspfad
- 1Installieren Sie es in einem Sandbox-Agent und führen Sie eine GitHub automation-Aufgabe vollständig aus.
- 2Compare output quality, latency, and failure behavior against at least one alternative.
- 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.
Vertrauensprofil
Nur Sandbox
Nützlicher Kandidat mit fehlenden oder gemischten Vertrauenssignalen. Bis der Ergebniszyklus die Passung belegt, in einem isolierten Arbeitsbereich verwenden.
GitHub-Akzeptanz
Beheben13 GitHub-Stars
Star-/Fork-Aktivität
Beheben13 Stars und 0 Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbar
Aktuelle Wartung
Bestanden26 Tage seit dem letzten Push
Lizenzklarheit
BestandenMIT
Positive Signale
- KI-Prüfung genehmigt
- Installationspfad ist verfügbar
- Repository-Belege sind verfügbar
- Kürzlich gewartetes Repository
- Der Installationsbefehl weist kein offensichtliches Hochrisikomuster auf
- Ergebniszyklus ist bereit, benötigt aber den ersten echten Agent-Lauf
Vor Installation prüfen
- Low GitHub adoption signal
- Quality score needs review
- GitHub adoption: 13 GitHub stars
- Stars/forks activity: 13 stars, 0 forks; issue activity unavailable in current metadata
- Noch keine echten Agent-Ergebnisberichte
- Vor unbeaufsichtigter Installation ist menschliche Prüfung erforderlich
Empfohlene Aktion
Nur in einer Sandbox ausführen und nahe Alternativen vergleichen, bevor sie produktiv eingesetzt wird.
Qualitätsprofil
Vielversprechend Kandidat für Agent-Workflows
Useful candidate, but compare it with alternatives before adopting.
Workflow-Eignung
Diese Skill in diesen Szenarien nutzen
Manage repositories
GitHub automation
I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.
Build and ship code
Coding agents
I need a coding agent that can understand a repository, edit code, and review pull requests.
Operate web apps
Browser automation
I need my agent to control a browser, fill forms, and verify web app workflows.
Workflow-Eignung
Zum vollständigen Workflow hinzufügen
Inspect, patch, and verify code
Coding review agent
A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.
Design, build, test, and ship interfaces
Frontend and UI
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Operate and verify web apps
Browser QA agent
A workflow for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.
Alternativen-Shortlist
Vor Installation vergleichen
Similar skills that may fit this task.
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
Taste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
Canvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
Anthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
Übersicht
<div align="center">
# 🎨 Codex Skill: Awesome Design MD
**为 AI 编码助手注入品牌级设计直觉**
[](LICENSE) [](awesome-design-md/references/templates/) [](https://github.com/VoltAgent/awesome-design-md) [](https://github.com/taffy-owo/codex-skill-awesome-design-md/actions/workflows/test.yml)
[English](README_EN.md) | **中文**
</div>
---
## 📖 简介
一个可独立发布的 [Codex](https://github.com/openai/codex) 技能包，让你的 AI 编码助手在生成前端 UI 时，自动套用 **73 个知名品牌** 的完整设计规范（`DESIGN.md`），而非千篇一律的默认样式。
每个 `DESIGN.md` 遵循 [Google Stitch](https://github.com/nicepkg/nice-getdesign) 格式，包含 9 大标准章节：
| # | 章节 | 内容 | |---|------|------| | 1 | Visual Theme & Atmosphere | 整体视觉风格和美学基调 | | 2 | Color Palette & Roles | 精确 HEX / RGBA 色值与使用规则 | | 3 | Typography Rules | 字体族、字号、字重 | | 4 | Component Stylings | 按钮、卡片、输入框等组件规范 | | 5 | Layout Principles | 间距、栅格、留白系统 | | 6 | Depth & Elevation | 阴影与层级体系 | | 7 | Do's and Don'ts | 品牌设计底线 | | 8 | Responsive Behavior | 断点与响应式策略 | | 9 | Agent Prompt Guide | AI 专用快速参考 |
## ✨ 亮点
- 🏢 **73 个品牌** — 覆盖 AI、开发工具、SaaS、金融、汽车、消费科技等领域 - 📦 **完全本地化** — 无需 API、无需网络，Markdown 即取即用 - 🔧 **CLI 工具** — `list` / `install` 一键操作 - 🔄 **上游同步** — 脚本自动拉取 VoltAgent 仓库和 `getdesign` npm 包的最新模板 - 🤖 **多 Agent 支持** — 内含 OpenAI Agent YAML 配置 - ✅ **CI/CD** — GitHub Actions 自动测试 + 每周上游同步 - 🧪 **测试覆盖** — pytest 单元测试和集成测试
## 🏷️ 覆盖品牌
<details> <summary>查看全部 73 个品牌</summary>
### AI & LLM 平台 `claude` · `cohere` · `elevenlabs` · `minimax` · `mistral.ai` · `ollama` · `opencode.ai` · `replicate` · `runwayml` · `together.ai` · `voltagent` · `x.ai`
### 开发工具 & IDE `cursor` · `expo` · `lovable` · `raycast` · `superhuman` · `vercel` · `warp`
### 后端、数据库 & DevOps `clickhouse` · `composio` · `hashicorp` · `mongodb` · `
Plattformkompatibilität
Technische Details
- Version
- 1.0.0
- Lizenz
- MIT
- Letzte Aktualisierung
- 18. Aug. 2026
- Veröffentlicht
- 29. Juli 2026
Frameworks & Tools
Entscheidungsübersicht
Fallback-Kandidat
recent repository activity
Audit
Installationsprüfung
Installations- und Adoptionsprüfung
- Sicherheit
- 82/100
- Wartung
- 100/100
- Installieren
- 92/100
Von Agent belegte Evidenz
Von Agent belegte Evidenz
Ergebnisberichte nach Resolve, Prüfung, Installation und einem begrenzten Lauf.
- Erfolgsrate
- —
- Letzter Fehler
- —
- Ergebnisse
- 0
- Ausgabequalität
- —
- Fehlgeschlagen
- 0
- Nicht relevant
- 0
- Installationen
- 0
- Durch Risiko blockiert
- 0
- Einrichtung erforderlich
- 0
- Produktion
- 0
Noch keine Agent-Ergebnisdaten. Der erste Lauf kann Erfolg, Einrichtungsbedarf, Risikoblockaden, Fehler oder Irrelevanz über /api/agent/outcome melden.
Installieren
Zum Agent-Workflow hinzufügen
Kostenlos und Open Source. Bericht vor der Installation in Produktions-Agents prüfen.
Wachstums-Loop
Share-Kit
Szenariobasierter Entwurf für Codex Skill Awesome Design Md, bereit für einen manuellen X-Post.
Codex Skill Awesome Design Md: A Codex skill pack providing 73 brand-inspired DESIGN.md templates for AI coding assistants t... 13 stars https://www.openagentskill.com/skills/taffy-owo-codex-skill-awesome-design-md?ref=x
Optionale Antwort mit Installationsbefehl
Listing + install path for Codex Skill Awesome Design Md: https://www.openagentskill.com/skills/taffy-owo-codex-skill-awesome-design-md?ref=x Install: npx skills add taffy-owo/codex-skill-awesome-design-md
Quelle des Eintrags
Community-indexiert
Dieser Eintrag wurde aus öffentlichen Quellen indexiert und ist erst nach Genehmigung eines Maintainer-Anspruchs offiziell.
- Ersteller
- taffy-owo
- Indexiert von
- OpenAgentSkill Community-Index
Die Zuordnung verlinkt auf das öffentliche Repository oder Creator-Profil. Creator können den Eintrag beanspruchen, um Eigentümersignale zu aktualisieren.
Diesen Skill beanspruchenEigentümeranspruch
Diesen Skill-Eintrag beanspruchen
Dieser Community-indexiert-Eintrag wird taffy-owo zugeschrieben, ist aber noch nicht offiziell markiert. Beanspruche ihn, um ein verifiziertes Eigentümersignal hinzuzufügen und künftige Launch-, Installations- und Audit-Updates vertrauenswürdiger zu machen.
Creator-Backlink-Kit
Evidenz-Badges in deine README einfügen
Zeige den kanonischen Eintrag, aktuelle Vertrauens- und Audit-Signale sowie echte Agent-Proven-Evidenz dort, wo Entwickler das Repository bewerten.
[](https://www.openagentskill.com/skills/taffy-owo-codex-skill-awesome-design-md)
[](https://www.openagentskill.com/skills/taffy-owo-codex-skill-awesome-design-md)
[](https://www.openagentskill.com/skills/taffy-owo-codex-skill-awesome-design-md/audit)
[](https://www.openagentskill.com/skills/taffy-owo-codex-skill-awesome-design-md)Autor
taffy-owo
@taffy-owo
Plattform-Fit
Gesundheitssignale
- GitHub-Stars
- 13
- Qualitätswert
- 41/100
- Letzter GitHub-Push
- 27. Juli 2026
- Framework-Hinweise
- 1
- OpenAgentSkill-Aufrufe
- 8
- Installationskopien
- 0
- Externe Klicks
- 0
Community-Signal
Teile mit, ob dieser Skill für deinen Agent-Workflow nützlich ist. Zusammengefasstes Feedback verbessert das Ranking im Laufe der Zeit.
Vertrauen & Sicherheit
Nur Sandbox
- GitHub-Akzeptanz13 GitHub-StarsBeheben
- Star-/Fork-Aktivität13 Stars und 0 Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbarBeheben
- Aktuelle Wartung26 Tage seit dem letzten PushBestanden
- LizenzklarheitMITBestanden
- README/SKILL.md-VollständigkeitMetadaten enthalten ausreichend Nutzungs- und Workflow-KontextBestanden
- Abhängigkeits-/Laufzeitrisikocommand execution surface, network or browser surfaceInfo
Ähnliche Skills
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
170.9K StarsTaste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
79.0K StarsCanvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
170.9K StarsAnthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
170.9K Stars