Al Codebase Design — Design skill for Claude Code
Shared vocabulary for designing deep modules: interface, depth, seam, adapter, leverage, locality.
How to install Al Codebase Design
Installs to ~/.claude/skills/al-af-al-skills-al-codebase-design/SKILL.md
mkdir -p ~/.claude/skills/al-af-al-skills-al-codebase-design && curl -fsSL https://raw.githubusercontent.com/al-af/al-skills/HEAD/commands/al-codebase-design.md -o ~/.claude/skills/al-af-al-skills-al-codebase-design/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Al Codebase Design does
description: Shared vocabulary for designing deep modules: interface, depth, seam, adapter, leverage, locality
Use this vocabulary whenever code is being designed or restructured, never substitute "component"/"service"/"API"/"boundary": **module** (anything with an interface + implementation), **interface** (everything a caller must know — signature, invariants, ordering, error modes, config, perf; with enough callers even an undocumented quirk becomes part of it in practice, Hyrum's La
Alternatives in Design
- Interface Design — Design engineering for Claude Code 4.3k ★
- Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
- Deepen — Spare-budget design pass 1.1k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Deep Plan
Builds one feature end to end in a project that already exists: reads codebase, GRILLS user, UI mock sign-off,
Conversational UI Designer
Use when designing a chat or assistant interface. Message layout, bot personality, streaming and typing states
Refactoring UI Skill
A Claude Code skill that applies the concrete design rules from the book Refactoring UI (Wathan & Schoger) — c
Gen Sys Doc
Full repo crawl → single Markdown system design document with inline Mermaid diagrams. Pre-flights language/fr
Langchain
Elixir implementation of a LangChain style framework that lets Elixir projects integrate with and leverage LLM
Cross Lib
Implement a feature or change across all 4 UI adapter libraries (Material, Bootstrap, PrimeNG, Ionic) using pa
Related Agents
Taniwha Contract Derivation
Derives per-module contracts (manifests) and shared vocabulary from a Taniwha design document. Each manifest m
Dr Altitude
Deep-review finder angle. Judges whether each change is made at the right depth - a real fix in the shared mec
Relationship Analyzer
Analyzes the relationship between two codebase modules. Receives source of module A and API surface of module
