codebase-design
Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.
Perfil del activo
Diseño y producción creativa
Design assets, images, video, audio, multimodal media, presentation, and creative production skills.
Escenario
Diseño y creatividad
I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Afinidad con Agent
Claude Code + CLI + Codex
Funciona con Codex, Claude Code, Cursor, CLI o Agents personalizados.
Instalar
Listo
npx skills add ConnorGriffin/skills --skill codebase-design
Mantenimiento
Actual
3 días desde el último push
Riesgo
Requiere revisión
Permission surface may require sandboxing
Calidad de GitHub
18
59/100 Calidad · 68/100 Confianza
Etiquetas de cobertura
Notas de revisión
Permission surface may require sandboxing · Repository license is detected as NOASSERTION; no clear license file found.
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
PrometedorUseful candidate, but compare it with alternatives before adopting.
Confianza
Solo sandboxCandidata ú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ónRevisió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.
Estrellas
18 estrellas de GitHub
Actividad del repositorio
18 estrellas y 5 forks
Mantenimiento
3 días desde el último push
Licencia
NOASSERTION
Instalar
npx skills add ConnorGriffin/skills --skill codebase-design
Seguridad de instalación
Ruta estándar de paquete o instalación en tiempo de ejecución
Superficie de permisos
filesystem or document access, network or browser access
Resultados del Agent
Aún no hay datos de resultados del Agent
Documentación
Usable metadata, review docs
Resumen de riesgo
Revisar antes de producción
- Repository license is detected as NOASSERTION; no clear license file found.
- Low GitHub adoption signal
- Quality score needs review
- Permission surface needs review: filesystem or document access, network or browser access
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.
Tareas adecuadas
- flujos de Testing and QA
- Equipos de Claude Code
- builders willing to evaluate younger projects
- Run test suites
Agents adecuados
Decisión de instalación
- Comando
- npx skills add ConnorGriffin/skills --skill codebase-design
- Política
- Revisar
- Revisión humana
- Sí
Confianza y riesgo
- Confianza
- 60/100
- Auditoría
- 74/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 ConnorGriffin/skills --skill codebase-designNo usar cuando
- Equipos que necesitan un SLA con soporte del proveedor
- production agents without a repository review
- Low GitHub adoption signal
- Repository license is detected as NOASSERTION; no clear license file found.
- Permission surface may require sandboxing
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
54/100 · Evitar instalación automática
Sparse or mixed signals. Useful for discovery, but not for autonomous installation.
Test manually in an isolated workspace and compare against safer alternatives.
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.
Medio
Acceso a base de datos
El skill puede inspeccionar esquemas, consultar bases de datos o trabajar con almacenes persistentes.
- Permission surface may require sandboxing
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.
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 connorgriffin-codebase-designPlan 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 JSON
/api/agent/resolve?task=Use%20codebase-design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Texto de Resolve
/api/agent/resolve?task=Use%20codebase-design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Traspaso de instalación
/api/skills/connorgriffin-codebase-design/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 codebase-design in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20codebase-design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/connorgriffin-codebase-design/install
Install command: npx skills add ConnorGriffin/skills --skill codebase-design
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.
Traspaso de instalación
/api/skills/connorgriffin-codebase-design/install
Formato de texto LLM
/api/skills/connorgriffin-codebase-design/install?format=text
Buscar alternativas
/api/skills/search?q=codebase-design&limit=3
Prompt de Agent
Use codebase-design for this task. Review https://www.openagentskill.com/api/skills/connorgriffin-codebase-design/install, then install with: npx skills add ConnorGriffin/skills --skill codebase-designMetadatos 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.
Manifest
/api/registry/manifest/connorgriffin-codebase-design
Texto LLM
/api/registry/manifest/connorgriffin-codebase-design?format=text
Alias de instalación
/api/registry/install/connorgriffin-codebase-design
Recomendar
/api/registry/recommend?task=Use%20codebase-design%20in%20an%20agent%20workflow&limit=3
Afinidad con Agent
Testing and QA
Etiquetas de uso
Plataformas
Claude Code
Informe de auditoría
Requiere revisión · 74/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.
Panel de decisión de Agent
Fallback candidate for Testing and QA
Prototype with this skill first; keep a fallback candidate ready.
Rol en la pila
Candidata de respaldo
Ajuste principal
Testing and QA
Etiqueta de confianza
Prototipar primero
Ruta de instalación
Comando listo
Úsalo cuando
- flujos de Testing and QA
- Equipos de Claude Code
- builders willing to evaluate younger projects
Evidencia
- recent repository activity
- install command or GitHub repo available
- perfil de calidad 59/100
- 2 eventos de interacción de OpenAgentSkill
revisar primero
- Low GitHub adoption signal
- Repository license is detected as NOASSERTION; no clear license file found.
Ruta de implementación
- 1Instálalo en un Agent de sandbox y ejecuta una tarea de Testing and QA de principio a fin.
- 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.
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.
Adopción en GitHub
Corregir18 estrellas de GitHub
Actividad de stars/forks
Corregir18 estrellas y 5 forks; la actividad de issues no está disponible en los metadatos actuales
Mantenimiento reciente
Aprobado3 días desde el último push
Claridad de licencia
AprobadoNOASSERTION
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
- Repository license is detected as NOASSERTION; no clear license file found.
- Low GitHub adoption signal
- Quality score needs review
- Permission surface needs review: filesystem or document access, network or browser access
- GitHub adoption: 18 GitHub stars
- Stars/forks activity: 18 stars, 5 forks; issue activity unavailable in current metadata
- Permission surface: filesystem or document access, network or browser access
- 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.
Ajuste de flujo
Usa esta skill en estos escenarios
Verify behavior
Testing and QA
I need my agent to test a web app, reproduce bugs, and verify fixes.
Operate web apps
Browser automation
I need my agent to control a browser, fill forms, and verify web app workflows.
Build and ship code
Coding agents
I need a coding agent that can understand a repository, edit code, and review pull requests.
Ajuste de flujo
Añadir a un flujo completo
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.
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.
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.
Lista de alternativas
Compara antes de instalar
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.
Resumen
--- name: codebase-design description: Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary. ---
# Codebase Design
Design **deep modules**: a lot of behaviour behind a small interface, placed at a clean seam, testable through that interface. Use this language and these principles wherever code is being designed or restructured. The aim is leverage for callers, locality for maintainers, and testability for everyone.
`references/DESIGN-IT-TWICE.md`'s briefs assume a `CONTEXT.md` glossary (the `domain-modeling` skill's format) alongside this vocabulary — load `domain-modeling` too when one exists.
## Glossary
Use these terms exactly — don't substitute "component," "service," "API," or "boundary." Consistent language is the whole point.
**Module** — anything with an interface and an implementation. Deliberately scale-agnostic: a function, class, package, or tier-spanning slice. _Avoid_: unit, component, service.
**Interface** — everything a caller must know to use the module correctly: the type signature, but also invariants, ordering constraints, error modes, required configuration, and performance characteristics. _Avoid_: API, signature (too narrow — they refer only to the type-level surface).
**Implementation** — what's inside a module, its body of code. Distinct from **Adapter**: a thing can be a small adapter with a large implementation (a Postgres repo) or a large adapter with a small implementation (an in-memory fake). Reach for "adapter" when the seam is the topic; "implementation" otherwise.
**Depth** — leverage at the interface: the amount of behaviour a caller (or test) can exercise per unit of interface they have to learn. A module is **deep** when a large amount of behaviour sits behind a small interface, **shallow** when the interface is nearly as complex as the implementation.
**Seam** _(Michael Feathers)_ — a place where you can alter behaviour without editing in that place; the *location* at which a module's interface lives. Where to put the seam is its own design decision, distinct from what goes behind it. _Avoid_: boundary (overloaded with DDD's bounded context).
**Adapter** — a concrete thing that satisfies an interface at a seam. Describes *role* (what slot it fills), not substance (what's inside).
**Leverage** — what callers get from depth: more capability per unit of interface they learn. One implementation pays back across N call sites and M tests.
**Locality** — what maintainers get from depth: change, bugs, knowledge, and verification concentrate in one place rather than spreading across callers. Fix once, fixed everywhere.
## Deep vs shallow
**Deep module** = small interface + lots of implementation:
``` ┌─────────────────────┐ │ Small Interface │ ← Few methods, simple params ├─────────────────────┤ │ │ │ Deep Implementation│ ← Complex logic hidden │ │ └─────────────────────┘ ```
**Shallow module** = large interface + little implementation (avoid):
``` ┌─────────────────────────────────┐ │ Large Interface │ ← Many methods, complex params ├─────────────────────────────────┤ │ Thin Implementation │ ← Just passes through └─────────────────────────────────┘ ```
When designing an interface, ask:
- Can I reduce the number of methods? - Can I simplify the parameters? - Can I hide more complexity inside?
## Principles
- **Depth is a property of the interface, not the implementation.** A deep module can be internally composed of small, mockable, swappable parts — they just aren't part of the interface. A module can have **internal seams** (private to its implementation, used by its own tests) as well as the **external seam** at its interface. - **The deletion test.** Imagine deleting the module. If complexity vanishes, it was a pass-through. If complexity reappears across N callers, it was earning its keep. - **The interface is the test surface.** Callers and tests cross the same seam. If you want to test *past* the interface, the module is probably the wrong shape. - **One adapter means a hypothetical seam. Two adapters means a real one.** Don't introduce a seam unless something actually varies across it.
## Designing for testability
Good interfaces make testing natural:
1. **Accept dependencies, don't create them.**
```typescript // Testable function processOrder(order, paymentGateway) {}
// Hard to test function processOrder(order) { const gateway = new StripeGateway(); } ```
2. **Return results, don't produce side effects.**
```typescript // Testable function calculateDiscount(cart): Discount {}
// Hard to test function applyDiscount(cart): void { cart.total -= discount; } ```
3. **Small surface area.** Fewer methods = fewer tests needed. Fewer params = simpler test setup.
## Relationships
- A **Module** has exactly one **Interface** (the surface it presents to callers and tests). - **Depth** is a property of a **Module**, measured against its **Interface**. - A **Seam** is where a **Module**'s **Interface** lives. - An **Adapter** sits at a **Seam** and satisfies the **Interface**. - **Depth** produces **Leverage** for callers and **Locality** for maintainers.
## Rejected framings
- **Depth as ratio of implementation-lines to interface-lines** (Ousterhout): rewards padding the implementation. We use depth-as-leverage instead. - **"Interface" as the TypeScript `interface` keyword or a class's public methods**: too narrow — interface here includes every fact a caller must know. - **"Boundary"**: overloaded with DDD's bounded context. Say **seam** or **interface**.
## Going deeper
- **Deepening a cluster given its dependencies** — see [references/DEEPENING.md](references/DEEPENING.md): dependency categories, seam discipline, and replace-don't-layer testing. - **Exploring alternative interfaces** — see [references/DESIGN-IT-TWICE.md](references/DESIGN-IT-TWICE.md): spin up parallel sub-agents to design the interface several radically different ways, then compare on depth, locality, and seam placement. `/design-an-interface` automates this pattern — reach for it directly when you just want the parallel designs run, not the background here.
Detalles técnicos
- Versión
- 1.0.0
- Licencia
- NOASSERTION
- Última actualización
- 19 ago 2026
- Publicado
- 19 ago 2026
Resumen de decisión
Candidata de respaldo
recent repository activity
Auditoría
Revisión de instalación
Revisión de instalación y adopción
- Seguridad
- 76/100
- Mantenimiento
- 100/100
- Instalar
- 92/100
Evidencia probada por Agent
Evidencia probada por Agent
Informes de resultados tras resolver, revisar, instalar y una ejecución limitada.
- 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.
Instalar
Añadir al flujo de Agent
Gratis y de código abierto. Revisa el informe antes de instalar en Agents de producción.
Bucle de crecimiento
Kit para compartir
Borrador basado en un caso para codebase-design, listo para publicar manualmente en X.
A practical pick for design or creative work: codebase-design: Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepe... 18 stars https://www.openagentskill.com/skills/connorgriffin-codebase-design?ref=x
Respuesta opcional con comando de instalación
Listing + install path for codebase-design: https://www.openagentskill.com/skills/connorgriffin-codebase-design?ref=x Install: npx skills add ConnorGriffin/skills --skill codebase-design
Fuente de la ficha
Indexado por Registry
Esta ficha se indexó desde fuentes públicas y no está marcada como oficial hasta que se apruebe una reclamación de mantenedor.
- Creador
- ConnorGriffin
- Fuente
- ConnorGriffin/skills
- 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 skillReclamación del propietario
Reclamar esta ficha de skill
Esta ficha Indexado por Registry se atribuye a ConnorGriffin, 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.
[](https://www.openagentskill.com/skills/connorgriffin-codebase-design)
[](https://www.openagentskill.com/skills/connorgriffin-codebase-design)
[](https://www.openagentskill.com/skills/connorgriffin-codebase-design/audit)
[](https://www.openagentskill.com/skills/connorgriffin-codebase-design)Autor
ConnorGriffin
@connorgriffin
Etiquetas
Afinidad con plataforma
Señales de salud
- Estrellas de GitHub
- 18
- Puntuación de calidad
- 32/100
- Último push de GitHub
- 19 ago 2026
- Pistas del framework
- Desconocido
- Vistas de OpenAgentSkill
- 2
- 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
- Adopción en GitHub18 estrellas de GitHubCorregir
- Actividad de stars/forks18 estrellas y 5 forks; la actividad de issues no está disponible en los metadatos actualesCorregir
- Mantenimiento reciente3 días desde el último pushAprobado
- Claridad de licenciaNOASSERTIONAprobado
- Completitud de README/SKILL.mdLos metadatos públicos necesitan más contexto de README/SKILL.mdInfo
- Riesgo de dependencias/runtimenetwork or browser surface, database surfaceInfo
Skills relacionados
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
170.9K EstrellasTaste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
79.0K EstrellasCanvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
170.9K EstrellasAnthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
170.9K Estrellas