Star200+

Codex Skill Awesome Design Md

Revoir · 66
Indexé par la communauté

Codex Skill: 73 brand-inspired DESIGN.md templates for AI coding assistants | 为 AI 编码助手注入品牌级设计直觉

Verified installs0
Stars13
Version1.0.0
Qualité67/100 · Prometteur
Confiance66/100 · Sandbox uniquement
Audit79/100 · Revue nécessaire

Profil de l’actif

Agents de code et de développement

Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills.

Voir la catégorie

Scénario

GitHub automation

I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.

Adéquation Agent

Claude Code + OpenAI Agents + Cursor

Compatible avec Codex, Claude Code, Cursor, CLI ou des Agents personnalisés.

Installer

Prêt

npx skills add taffy-owo/codex-skill-awesome-design-md

Maintenance

À jour

26 jours depuis le dernier push

Risque

Revue nécessaire

Low GitHub adoption signal

Qualité GitHub

13

67/100 Qualité · 74/100 Confiance

Tags de couverture

CodingGitHub automationDesign et créationDesignbranding

Notes de revue

Low GitHub adoption signal · Quality score needs review

Carte d’adoption Agent

Confiance, audit et préparation à l’installation en un coup d’œil

Ces scores combinent les métadonnées publiques du dépôt, les signaux de revue OpenAgentSkill, la fraîcheur de maintenance et la préparation à l’installation. Ils servent à présélectionner et ne remplacent pas la revue humaine.

Qualité

Prometteur
67

Useful candidate, but compare it with alternatives before adopting.

Confiance

Sandbox uniquement
66

Candidate utile avec des signaux de confiance incomplets ou mixtes. Gardez-la dans un espace isolé jusqu’à ce que la boucle de résultats confirme son adéquation.

Audit

Revue nécessaire
79

Revue lisible par machine de la préparation à l’installation, des métadonnées de sécurité, de la maintenance et du risque d’adoption.

Trust Score OpenAgentSkill v5

Revue humaine avant installation

Exécutez uniquement dans un sandbox et comparez les alternatives proches avant usage réel.

PythonCodexClaude CodeCursorOpenAgentSkill CLI

Stars

13 stars GitHub

Activité du dépôt

13 stars et 0 forks

Maintenance

26 jours depuis le dernier push

Licence

MIT

Installer

npx skills add taffy-owo/codex-skill-awesome-design-md

Sécurité d’installation

Chemin d’installation standard de package ou runtime

Surface de permissions

shell or command execution, network or browser access

Résultats Agent

Pas encore de données de résultats Agent

Documentation

Contexte README/SKILL.md solide

Résumé des risques

Revoir avant production

  • 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

Préparation à l’installation

Chemin d’installation disponible

  • Le chemin d’installation est disponible
  • La preuve du dépôt est disponible
  • La licence est déclarée
  • Pas encore de preuve de résultat Agent-Proven

Métadonnées lisibles par Agent

Données de décision lisibles par machine pour ce skill.

Utilisez ce bloc ou le JSON intégré pour décider si un Agent doit installer ce skill, choisir une alternative ou demander d’abord une revue humaine.

Ouvrir JSON

Tâches adaptées

  • workflows GitHub automation
  • Équipes Claude Code
  • builders willing to evaluate younger projects
  • Inspect repository metadata

Agents adaptés

PythonCodexClaude CodeCursorOpenAgentSkill CLIOpenAI AgentsCLI

Décision d’installation

Commande
npx skills add taffy-owo/codex-skill-awesome-design-md
Politique
Revoir
Revue humaine
Oui

Confiance et risque

Confiance
66/100
Audit
79/100
Niveau de risque
Revue nécessaire

Boucle de résultat

Endpoint
/api/agent/outcome
ID d’événement
resolve
Résultats
5

Commande d’installation

npx skills add taffy-owo/codex-skill-awesome-design-md
Audit publicRapport d’évaluationAPI ResolveRelais d’installation

Ne pas utiliser quand

  • Équipes qui nécessitent un SLA soutenu par le fournisseur
  • production agents without a repository review
  • Low GitHub adoption signal
  • Indices de permissions à haut risque : exécution shell ou de commande
  • Quality score needs review

Skill alternatif

Frontend Design

171.1K Stars

npx skills add anthropics/skills --skill frontend-design

Skill alternatif

Taste Skill: Anti-Slop Frontend

79.4K Stars

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

Skill alternatif

Canvas Design

171.1K Stars

npx skills add anthropics/skills --skill canvas-design

Skill alternatif

Anthropic Brand Guidelines

171.1K Stars

npx skills add anthropics/skills --skill brand-guidelines

Sécurité Agent v2

51/100 · Éviter l’installation automatique

ExpérimentalRevoir

Sparse or mixed signals. Useful for discovery, but not for autonomous installation.

Test manually in an isolated workspace and compare against safer alternatives.

Résoudre via API

Élevé

Exécution shell ou de commande

Les métadonnées de la skill font référence à des workflows de terminal, CLI, shell, sous-processus ou exécution de commande.

Moyen

Accès réseau

La skill récupère probablement des pages distantes, API, dépôts ou services externes.

Moyen

Accès au système de fichiers

La skill peut lire ou écrire des fichiers de projet, documents, artefacts générés ou l’état local de l’espace de travail.

  • Indices de permissions à haut risque : exécution shell ou de commande
  • Low GitHub adoption signal

Cibles d’installation

Installer ce skill dans votre workflow Agent

Utilisez le point de terminaison public pour récupérer la commande, la checklist, les prompts et les liens canoniques.

skill install

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-md

Plan de résolution Agent

Laissez un Agent vérifier la pertinence avant l’installation.

L’API Resolve renvoie la skill sélectionnée, des alternatives, la politique de sécurité, les notes d’audit, la cible d’installation et un prompt prêt à l’emploi.

Ouvrir le plan texte

Ouvrir JSON

/api/agent/resolve?task=Use%20Codex%20Skill%20Awesome%20Design%20Md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Texte Resolve

/api/agent/resolve?task=Use%20Codex%20Skill%20Awesome%20Design%20Md%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Relais d’installation

/api/skills/taffy-owo-codex-skill-awesome-design-md/install

L’Agent doit vérifier

  • 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.

Copier le prompt

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.

Relais Agent

Donnez à l’Agent le chemin d’installation, pas un autre annuaire.

Utilisez le point de terminaison public pour récupérer la commande, la checklist, les prompts et les liens canoniques.

Ouvrir l’API d’installation

Relais d’installation

/api/skills/taffy-owo-codex-skill-awesome-design-md/install

Format texte LLM

/api/skills/taffy-owo-codex-skill-awesome-design-md/install?format=text

Trouver des alternatives

/api/skills/search?q=Codex%20Skill%20Awesome%20Design%20Md&limit=3

Prompt Agent

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-md

Métadonnées Registry

Profil lisible par Agent pour la sélection automatique de skills.

L’API Registry fournit les signaux de décision, confiance, audit, cas d’usage et installation sans analyser l’interface.

Ouvrir Manifest

Manifest

/api/registry/manifest/taffy-owo-codex-skill-awesome-design-md

Texte LLM

/api/registry/manifest/taffy-owo-codex-skill-awesome-design-md?format=text

Alias d’installation

/api/registry/install/taffy-owo-codex-skill-awesome-design-md

Recommander

/api/registry/recommend?task=Use%20Codex%20Skill%20Awesome%20Design%20Md%20in%20an%20agent%20workflow&limit=3

Adéquation Agent

69/100

GitHub automation

Tags de cas d’usage

GitHub automationAgents de codeBrowser automation

Plateformes

Python, Claude Code, OpenAI Agents, Cursor

Rapport d’audit

Revue nécessaire · 79/100

Revue lisible par machine de la préparation à l’installation, des métadonnées de sécurité, de la maintenance et du risque d’adoption.

Voir le rapport d’auditVoir le rapport d’évaluation

Panneau de décision Agent

Fallback candidate for GitHub automation

Prototype with this skill first; keep a fallback candidate ready.

69
Préparation
Prototype
Étape

Rôle dans la pile

Candidate de secours

Pertinence principale

GitHub automation

Libellé de confiance

Prototyper d’abord

Chemin d’installation

Commande prête

À utiliser lorsque

  • workflows GitHub automation
  • Équipes Claude Code
  • builders willing to evaluate younger projects

Preuves

  • recent repository activity
  • install command or GitHub repo available
  • profil qualité 67/100
  • 8 événements OpenAgentSkill

revoir d’abord

  • Low GitHub adoption signal

Chemin d’implémentation

  1. 1Installez-le dans un Agent en sandbox et exécutez une tâche de GitHub automation de bout en bout.
  2. 2Compare output quality, latency, and failure behavior against at least one alternative.
  3. 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

Profil de confiance

Sandbox uniquement

Candidate utile avec des signaux de confiance incomplets ou mixtes. Gardez-la dans un espace isolé jusqu’à ce que la boucle de résultats confirme son adéquation.

66
Trust Score OpenAgentSkill

Adoption GitHub

Corriger

13 stars GitHub

Activité stars/forks

Corriger

13 stars et 0 forks; l’activité des issues n’est pas disponible dans les métadonnées actuelles

Maintenance récente

Validé

26 jours depuis le dernier push

Clarté de licence

Validé

MIT

Signaux positifs

  • Revue IA approuvée
  • Le chemin d’installation est disponible
  • La preuve du dépôt est disponible
  • Dépôt maintenu récemment
  • La commande d’installation ne présente aucun motif de haut risque évident
  • La boucle de résultats est prête mais nécessite la première exécution réelle de l’Agent

Réviser avant installation

  • 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
  • Pas encore de rapports de résultats Agent réels
  • Une revue humaine est requise avant une installation sans surveillance

Action recommandée

Exécutez uniquement dans un sandbox et comparez les alternatives proches avant usage réel.

Profil qualité

Prometteur candidat pour les workflows Agent

Useful candidate, but compare it with alternatives before adopting.

67
Stars GitHub
13
Actualité
il y a 26 jours
Prêt à installer
Oui
Licence
MIT
Réviser avant installation: Low GitHub adoption signal

Adéquation au workflow

Utilisez cette skill dans ces scénarios

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.

Adéquation au workflow

Ajouter à un workflow complet

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.

Liste d’alternatives

Comparer avant installation

Similar skills that may fit this task.

Tout comparer

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Adopter
Prêt100
Qualité100
Stars171.1K

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Adopter
Prêt100
Qualité100
Stars79.4K

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Adopter
Prêt100
Qualité100
Stars171.1K

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Adopter
Prêt100
Qualité100
Stars171.1K

Vue d’ensemble

<div align="center">

# 🎨 Codex Skill: Awesome Design MD

**为 AI 编码助手注入品牌级设计直觉**

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE) [![Templates](https://img.shields.io/badge/品牌模板-73-blueviolet)](awesome-design-md/references/templates/) [![Upstream](https://img.shields.io/badge/上游-VoltAgent%2Fawesome--design--md-orange)](https://github.com/VoltAgent/awesome-design-md) [![CI](https://github.com/taffy-owo/codex-skill-awesome-design-md/actions/workflows/test.yml/badge.svg)](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` · `

Compatibilité plateforme

pythonFULL

Détails techniques

Version
1.0.0
Licence
MIT
Dernière mise à jour
18 août 2026
Publié
29 juil. 2026

Frameworks et outils

Python

Instantané de décision

Candidate de secours

69
Prêt
Prototype
Étape

recent repository activity

Audit

Revue d’installation

Revue d’installation et d’adoption

79
Revue nécessaire
Sécurité
82/100
Maintenance
100/100
Installer
92/100
Ouvrir l’audit completVoir le rapport d’évaluation

Preuves validées par Agent

Preuves validées par Agent

Rapports après resolve, revue, installation et une exécution limitée.

0
Validé
Needs first agent runAuto-installation: revoir d’abordDernier: Inconnu
Taux de réussite
—
Échec récent
—
Résultats
0
Qualité de sortie
—
Échecs
0
Non pertinent
0
Installations
0
Bloqué par le risque
0
Configuration requise
0
Production
0

Aucune donnée de résultat Agent pour l’instant. La première exécution peut signaler succès, besoin de configuration, blocage de risque, échec ou non-pertinence via /api/agent/outcome.

Classement Agent-ProvenContrat de résultat

Installer

Ajouter au workflow Agent

Gratuit et open source. Examinez le rapport avant l’installation dans des Agents de production.

Comparer les alternativesPlan de résolution autoVoir sur GitHubDocumentation

Boucle de croissance

Kit de partage

X

Brouillon guidé par scénario pour Codex Skill Awesome Design Md, prêt pour une publication manuelle sur X.

Note du curateur
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
Ouvrir le brouillon X
Réponse facultative avec commande d’installation
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
Ouvrir le brouillon de réponse

Source de la fiche

Indexé par la communauté

Revendiable

Cette fiche a été indexée à partir de sources publiques et n’est pas marquée officielle tant qu’une revendication de mainteneur n’est pas approuvée.

Créateur
taffy-owo
Indexé par
Index communautaire OpenAgentSkill

L’attribution renvoie au dépôt public ou au profil du créateur. Les créateurs peuvent revendiquer la fiche pour mettre à jour les signaux de propriété.

Revendiquer ce skill

Revendication du propriétaire

Revendiquer cette fiche de skill

Cette fiche Indexé par la communauté est attribuée à taffy-owo, mais n’est pas encore marquée officielle. Revendiquez-la pour ajouter un signal de propriétaire vérifié et rendre les futures mises à jour de lancement, d’installation et d’audit plus fiables.

Kit de backlinks créateur

Ajoutez les badges de preuve à votre README

Affichez la fiche canonique, les signaux actuels de confiance et d’audit, ainsi que de vraies preuves Agent-Proven là où les développeurs évaluent le dépôt.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/taffy-owo-codex-skill-awesome-design-md?metric=listed&label=Listed)](https://www.openagentskill.com/skills/taffy-owo-codex-skill-awesome-design-md)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/taffy-owo-codex-skill-awesome-design-md?metric=trust&label=Trust)](https://www.openagentskill.com/skills/taffy-owo-codex-skill-awesome-design-md)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/taffy-owo-codex-skill-awesome-design-md?metric=audit&label=Audit)](https://www.openagentskill.com/skills/taffy-owo-codex-skill-awesome-design-md/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/taffy-owo-codex-skill-awesome-design-md?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/taffy-owo-codex-skill-awesome-design-md)
Aperçu du badge Ouvrir l’audit Kit créateur

Auteur

T

taffy-owo

@taffy-owo

Tags

designbrandingcodextemplatesui

Adéquation plateforme

Claude CodeOpenAI AgentsCursor

Signaux de santé

Stars GitHub
13
Score de qualité
41/100
Dernier push GitHub
27 juil. 2026
Indications de framework
1
Vues OpenAgentSkill
8
Copies d’installation
0
Clics sortants
0

Signal de communauté

Indiquez si ce skill semble utile à votre workflow Agent. Les retours agrégés améliorent le classement au fil du temps.

Confiance et sécurité

Sandbox uniquement

66
  • Adoption GitHub13 stars GitHubCorriger
  • Activité stars/forks13 stars et 0 forks; l’activité des issues n’est pas disponible dans les métadonnées actuellesCorriger
  • Maintenance récente26 jours depuis le dernier pushValidé
  • Clarté de licenceMITValidé
  • Complétude README/SKILL.mdLes métadonnées incluent suffisamment de contexte d’usage et de workflowValidé
  • Risque dépendances/runtimecommand execution surface, network or browser surfaceInfo

Skills associés

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

171.1K Stars

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79.4K Stars

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

171.1K Stars

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

171.1K Stars
InstallerVoir sur GitHub