Star200+

Codex Skill Awesome Design Md

Revisar · 66
Indexado por la comunidad

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

Verified installs0
Estrellas13
Versión1.0.0
Calidad67/100 · Prometedor
Confianza66/100 · Solo sandbox
Auditoría79/100 · Requiere revisión

Perfil del activo

Agents de programación y desarrollo

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

Ver categoría

Escenario

GitHub automation

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

Afinidad con Agent

Claude Code + OpenAI Agents + Cursor

Funciona con Codex, Claude Code, Cursor, CLI o Agents personalizados.

Instalar

Listo

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

Mantenimiento

Actual

26 días desde el último push

Riesgo

Requiere revisión

Low GitHub adoption signal

Calidad de GitHub

13

67/100 Calidad · 74/100 Confianza

Etiquetas de cobertura

CodingGitHub automationDiseño y creatividadDiseñobranding

Notas de revisión

Low GitHub adoption signal · Quality score needs review

Tarjeta de adopción del Agent

Confianza, auditoría y preparación de instalación de un vistazo

Estas puntuaciones combinan metadatos públicos del repositorio, señales de revisión de OpenAgentSkill, actualidad de mantenimiento y preparación de instalación. Sirven para preseleccionar; no sustituyen la revisión humana.

Calidad

Prometedor
67

Useful candidate, but compare it with alternatives before adopting.

Confianza

Solo sandbox
66

Candidata útil con señales de confianza incompletas o mixtas. Manténgala en un espacio aislado hasta que el ciclo de resultados demuestre el ajuste.

Auditoría

Requiere revisión
79

Revisión legible por máquina de la preparación de instalación, los metadatos de seguridad, el mantenimiento y el riesgo de adopción.

Trust Score de OpenAgentSkill v5

Revisión humana antes de instalar

Ejecute solo en un sandbox y compare alternativas cercanas antes de usarla en trabajo real.

PythonCodexClaude CodeCursorOpenAgentSkill CLI

Estrellas

13 estrellas de GitHub

Actividad del repositorio

13 estrellas y 0 forks

Mantenimiento

26 días desde el último push

Licencia

MIT

Instalar

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

Seguridad de instalación

Ruta estándar de paquete o instalación en tiempo de ejecución

Superficie de permisos

shell or command execution, network or browser access

Resultados del Agent

Aún no hay datos de resultados del Agent

Documentación

Contexto sólido de README/SKILL.md

Resumen de riesgo

Revisar antes de producción

  • 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

Preparación de instalación

Ruta de instalación disponible

  • La ruta de instalación está disponible
  • La evidencia del repositorio está disponible
  • La licencia está declarada
  • Aún no hay evidencia de resultados Agent-Proven

Metadatos legibles por Agent

Datos de decisión legibles por máquina para este skill.

Usa este bloque o el JSON integrado para decidir si un Agent debe instalar este skill, elegir una alternativa o pedir revisión humana primero.

Abrir JSON

Tareas adecuadas

  • flujos de GitHub automation
  • Equipos de Claude Code
  • builders willing to evaluate younger projects
  • Inspect repository metadata

Agents adecuados

PythonCodexClaude CodeCursorOpenAgentSkill CLIOpenAI AgentsCLI

Decisión de instalación

Comando
npx skills add taffy-owo/codex-skill-awesome-design-md
Política
Revisar
Revisión humana
Sí

Confianza y riesgo

Confianza
66/100
Auditoría
79/100
Nivel de riesgo
Requiere revisión

Ciclo de resultados

Endpoint
/api/agent/outcome
ID del evento
resolve
Resultados
5

Comando de instalación

npx skills add taffy-owo/codex-skill-awesome-design-md
Auditoría públicaInforme de evaluaciónAPI ResolveTraspaso de instalación

No usar cuando

  • Equipos que necesitan un SLA con soporte del proveedor
  • production agents without a repository review
  • Low GitHub adoption signal
  • Indicios de permisos de alto riesgo: ejecución de shell o comandos
  • Quality score needs review

Skill alternativo

Frontend Design

170.9K Estrellas

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

Skill alternativo

Taste Skill: Anti-Slop Frontend

79.0K Estrellas

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

Skill alternativo

Canvas Design

170.9K Estrellas

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

Skill alternativo

Anthropic Brand Guidelines

170.9K Estrellas

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

Seguridad de Agent v2

51/100 · Evitar instalación automática

ExperimentalRevisar

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

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

Resolver con API

Alto

Ejecución de shell o comandos

Los metadatos del skill hacen referencia a terminal, CLI, shell, subprocesos o flujos de ejecución de comandos.

Medio

Acceso a red

El skill probablemente consulta páginas remotas, API, repositorios o servicios externos.

Medio

Acceso al sistema de archivos

El skill puede leer o escribir archivos de proyecto, documentos, artefactos generados o estado local.

  • Indicios de permisos de alto riesgo: ejecución de shell o comandos
  • Low GitHub adoption signal

Destinos de instalación

Instala este skill en tu flujo de Agent

Usa el endpoint público para obtener el comando, la lista de seguridad, prompts y enlaces canónicos.

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 resolución de Agent

Deja que un Agent valide el ajuste antes de instalar.

La API Resolve devuelve la skill elegida, alternativas, política de seguridad, notas de auditoría, destino de instalación y un prompt listo para usar.

Abrir plan de texto

Abrir JSON

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

Texto de Resolve

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

Traspaso de instalación

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

Agent debe revisar

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

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

Traspaso de Agent

Da al Agent la ruta de instalación, no otro directorio.

Usa el endpoint público para obtener el comando, la lista de seguridad, prompts y enlaces canónicos.

Abrir API de instalación

Traspaso de instalación

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

Formato de texto LLM

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

Buscar alternativas

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

Prompt de 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

Metadatos del Registry

Perfil legible por Agent para seleccionar skills automáticamente.

La API Registry expone señales de decisión, confianza, auditoría, casos de uso e instalación sin raspar la interfaz.

Abrir Manifest

Manifest

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

Texto LLM

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

Alias de instalación

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

Recomendar

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

Afinidad con Agent

69/100

GitHub automation

Etiquetas de uso

GitHub automationAgents de programaciónBrowser automation

Plataformas

Python, Claude Code, OpenAI Agents, Cursor

Informe de auditoría

Requiere revisión · 79/100

Revisión legible por máquina de la preparación de instalación, los metadatos de seguridad, el mantenimiento y el riesgo de adopción.

Ver informe de auditoríaVer informe de evaluación

Panel de decisión de Agent

Fallback candidate for GitHub automation

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

69
Preparación
Prototipo
Etapa

Rol en la pila

Candidata de respaldo

Ajuste principal

GitHub automation

Etiqueta de confianza

Prototipar primero

Ruta de instalación

Comando listo

Úsalo cuando

  • flujos de GitHub automation
  • Equipos de Claude Code
  • builders willing to evaluate younger projects

Evidencia

  • recent repository activity
  • install command or GitHub repo available
  • perfil de calidad 67/100
  • 8 eventos de interacción de OpenAgentSkill

revisar primero

  • Low GitHub adoption signal

Ruta de implementación

  1. 1Instálalo en un Agent de sandbox y ejecuta una tarea de GitHub automation de principio a fin.
  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.

Perfil de confianza

Solo sandbox

Candidata útil con señales de confianza incompletas o mixtas. Manténgala en un espacio aislado hasta que el ciclo de resultados demuestre el ajuste.

66
Trust Score de OpenAgentSkill

Adopción en GitHub

Corregir

13 estrellas de GitHub

Actividad de stars/forks

Corregir

13 estrellas y 0 forks; la actividad de issues no está disponible en los metadatos actuales

Mantenimiento reciente

Aprobado

26 días desde el último push

Claridad de licencia

Aprobado

MIT

Señales positivas

  • Revisión de IA aprobada
  • La ruta de instalación está disponible
  • La evidencia del repositorio está disponible
  • Repositorio mantenido recientemente
  • El comando de instalación no muestra un patrón de alto riesgo evidente
  • El ciclo de resultados está listo, pero necesita la primera ejecución real de Agent

Revisar antes de instalar

  • 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
  • Aún no hay informes reales de resultados del Agent
  • Se requiere revisión humana antes de una instalación desatendida

Acción recomendada

Ejecute solo en un sandbox y compare alternativas cercanas antes de usarla en trabajo real.

Perfil de calidad

Prometedor candidato para flujos de Agent

Useful candidate, but compare it with alternatives before adopting.

67
Estrellas de GitHub
13
Actualidad
hace 26 días
Listo para instalar
Sí
Licencia
MIT
Revisar antes de instalar: Low GitHub adoption signal

Ajuste de flujo

Usa esta skill en estos escenarios

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.

Ajuste de flujo

Añadir a un flujo completo

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.

Lista de alternativas

Compara antes de instalar

Similar skills that may fit this task.

Comparar todo

Frontend Design

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

Adoptar
Listo100
Calidad100
Estrellas170.9K

Taste Skill: Anti-Slop Frontend

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

Adoptar
Listo100
Calidad100
Estrellas79.0K

Canvas Design

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

Adoptar
Listo100
Calidad100
Estrellas170.9K

Anthropic Brand Guidelines

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

Adoptar
Listo100
Calidad100
Estrellas170.9K

Resumen

<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` · `

Compatibilidad de plataforma

pythonFULL

Detalles técnicos

Versión
1.0.0
Licencia
MIT
Última actualización
18 ago 2026
Publicado
29 jul 2026

Frameworks y herramientas

Python

Resumen de decisión

Candidata de respaldo

69
Listo
Prototipo
Etapa

recent repository activity

Auditoría

Revisión de instalación

Revisión de instalación y adopción

79
Requiere revisión
Seguridad
82/100
Mantenimiento
100/100
Instalar
92/100
Abrir auditoría completaVer informe de evaluación

Evidencia probada por Agent

Evidencia probada por Agent

Informes de resultados tras resolver, revisar, instalar y una ejecución limitada.

0
Probado
Needs first agent runAuto-instalación: revisar primeroÚltimo: Desconocido
Tasa de éxito
—
Fallo reciente
—
Resultados
0
Calidad de salida
—
Fallidos
0
No relevante
0
Instalaciones
0
Bloqueado por riesgo
0
Configuración necesaria
0
Producción
0

Aún no hay datos de resultados de Agent. La primera ejecución puede informar éxito, configuración necesaria, bloqueos de riesgo, fallo o irrelevancia mediante /api/agent/outcome.

Ranking probado por AgentContrato de resultados

Instalar

Añadir al flujo de Agent

Gratis y de código abierto. Revisa el informe antes de instalar en Agents de producción.

Comparar alternativasPlan de resolución automáticaVer en GitHubDocumentación

Bucle de crecimiento

Kit para compartir

X

Borrador basado en un caso para Codex Skill Awesome Design Md, listo para publicar manualmente en X.

Nota del curador
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
Abrir borrador de X
Respuesta opcional con comando de instalación
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
Abrir borrador de respuesta

Fuente de la ficha

Indexado por la comunidad

Reclamable

Esta ficha se indexó desde fuentes públicas y no está marcada como oficial hasta que se apruebe una reclamación de mantenedor.

Creador
taffy-owo
Indexado por
Índice comunitario de OpenAgentSkill

La atribución enlaza al repositorio público o al perfil del creador. Los creadores pueden reclamar la ficha para actualizar las señales de propiedad.

Reclamar este skill

Reclamación del propietario

Reclamar esta ficha de skill

Esta ficha Indexado por la comunidad se atribuye a taffy-owo, pero aún no está marcada como oficial. Reclámala para añadir una señal de propietario verificado y hacer más fiables futuras actualizaciones de lanzamiento, instalación y auditoría.

Kit de enlaces para creadores

Añade las insignias de evidencia a tu README

Muestra la ficha canónica, las señales actuales de confianza y auditoría, y evidencia real de Agent-Proven donde los desarrolladores evalúan el repositorio.

[![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)
Vista previa de insignia Abrir auditoría Kit para creadores

Autor

T

taffy-owo

@taffy-owo

Etiquetas

designbrandingcodextemplatesui

Afinidad con plataforma

Claude CodeOpenAI AgentsCursor

Señales de salud

Estrellas de GitHub
13
Puntuación de calidad
41/100
Último push de GitHub
27 jul 2026
Pistas del framework
1
Vistas de OpenAgentSkill
8
Copias de instalación
0
Clics externos
0

Señal de comunidad

Comparte si este skill resulta útil para tu flujo de Agent. Los comentarios agregados mejoran la clasificación con el tiempo.

Confianza y seguridad

Solo sandbox

66
  • Adopción en GitHub13 estrellas de GitHubCorregir
  • Actividad de stars/forks13 estrellas y 0 forks; la actividad de issues no está disponible en los metadatos actualesCorregir
  • Mantenimiento reciente26 días desde el último pushAprobado
  • Claridad de licenciaMITAprobado
  • Completitud de README/SKILL.mdLos metadatos incluyen suficiente contexto de uso y flujo de trabajoAprobado
  • Riesgo de dependencias/runtimecommand execution surface, network or browser surfaceInfo

Skills relacionados

Frontend Design

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

170.9K Estrellas

Taste Skill: Anti-Slop Frontend

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

79.0K Estrellas

Canvas Design

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

170.9K Estrellas

Anthropic Brand Guidelines

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

170.9K Estrellas
InstalarVer en GitHub