design-engineering-catalogue
Skill32 starsChanged 6 months agoMITView on GitHub
Domain navigator for UI craft, visual design, brand, color, typography, mobile design, and interactive design engineering skills. Routes to skills for taste-driven UI, platform design (iOS/Android), components, color science, and the full visual design stack.
1 other project uses a version of this, 1 of them edited.
Adopted by
Most recently taken up by
- jasonfesta/design-agentsedited, first seen Oct 15, 2026
Other versions1 project uses a version of this.
Word for word · 0
None found.
Edited · 1
- jasonfesta/design-agents★ 168% same
Wrote their own version · 0
None found.
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository170 other files it gives its agents.
- CLAUDE.mdCLAUDE.md
- accessibility-agentsSkill
- accessibility-catalogueSkill
- addyosmani-qualitySkill
- ai-graphic-design-skillSkill
- algorithmic-artSkill
- anatomySkill
- animate-css-skillSkill
- animate-skillSkill
- anthropics-skillsSkill
- antvis-chart-skillsSkill
- apple-hig-skillsSkill
- assimovt-productskillsSkill
- awesome-design-skillsSkill
- baseline-uiSkill
- bencium-ux-designerSkill
- brand-design-mdSkill
- building-componentsSkill
- callstack-agent-skillsSkill
- cc-slidevSkill
- chadboyda-gtmSkill
- claud3Skill
- claude2figmaSkill
- claudedesignskillsSkill
- claude-pm-skillsSkill
- claude-wireframe-skillSkill
- cloudai-threejsSkill
- cloudflare-web-perfSkill
- color-expertSkill
- composio-artifactsSkill
- content-catalogueSkill
- content-strategySkill
- copywriting-skillSkill
- coreyhaines-marketingSkill
- creative-directorSkill
- css-animation-skillSkill
- d3js-skillSkill
- dark-pattern-auditSkill
- data-analysis-skillSkill
- data-viz-agentSkill
- deanpeters-pm-skillsSkill
- design-auditorSkill
- design-briefSkill
- design-catalogueSkill
- design-consultationSkill
- design-debt-auditSkill
- designer-skillsSkill
- design-for-aiSkill
- design-htmlSkill
- design-impact-reportingSkill
- design-labSkill
- design-motion-principlesSkill
- design-negotiationSkill
- design-review-garrytanSkill
- design-sprintSkill
- design-system-governanceSkill
- design-tokens-skillSkill
- design-with-claudeSkill
- digidai-pmSkill
- dimensional-drawingSkill
- The first 60 shown.
The file
Files
design-engineering-catalogue
Domain navigator for visual design, UI craft, brand, color, typography, and mobile design. Activate when the user asks for a skill that shapes how something looks and feels.
→ For the full catalogue across all domains: use design-catalogue.
When to use
Activate when the user:
- Wants opinionated UI taste or aesthetic anchors
- Needs brand identity, color science, or typography
- Designs for iOS, Android, or cross-platform mobile
- Wants component systems or design system foundations
- Asks for interactive design exploration tools
Design Engineering (opinionated UI taste)
| Skill | Best for |
taste-skill | Premium, non-generic UI: researched art directions, real-browser inspector, look-and-fix loop |
impeccable | Design fluency: slash commands (polish, audit, critique…), anti-pattern detection, theming, typography, motion |
hallmark | Anti-AI-slop: design, audit, redesign, and extract design DNA from screenshots/URLs; structural variety |
make-interfaces-better | Polish: micro-interactions, typography details, visual refinement |
ui-craft | slash commands, anti-slop CLI, style variants — deepest design engineering skill |
frontend-design | 8 aesthetic anchors (Swiss, Brutalist, Aurora Maximalism, Retro-Futuristic…) with locked CSS tokens per theme |
distinctive-frontend | Distinctive, non-generic interfaces: extreme typography, cohesive themes, staggered animation, layered backgrounds |
huashu-design | Magazine-grade typography, CSS Grid, animated prototypes, MP4 export |
brand-design-md | Looks up DESIGN.md specs for well-known brands (Stripe, Linear, Apple…) from getdesign.md at runtime |
ai-graphic-design-skill | Maps 15 AI tools to design scenarios + 2025-26 Creative Director roadmap |
logo-designer-skill | Brand interview → 3-5 SVG concepts → PNG export 16px–2048px |
design-for-ai | Four-stage workflow (research → plan → mock → build) with seeded design DNA and dual-blind review |
superdesign-skill | Hosted infinite-canvas design agent for UI, decks and graphics; branchable drafts (needs @superdesign/cli + account) |
styleseed | Design method engine: setup, build, review, scoring, tokens, a11y, copy; brand skins + score-then-fix gate |
awesome-design-skills | 67-style aesthetic registry: glassmorphism, brutalism, bento, editorial, riso… |
interaction-design | IxD principles, component states, micro-interactions, affordances, task flows — Norman + Tognazzini |
format-storybook | Storybook file structure, template composition, controls, Chromatic visual regression, CSF patterns |
localization-design | RTL mirroring, per-language text expansion, non-Latin type, cultural color/icon traps |
design-system-governance | Ownership models, contribution lifecycle, semver contract, deprecation policy |
Color, Typography & Components
| Skill | Best for |
color-expert | OKLCH/OKLAB color science, palette generation, contrast |
baseline-ui | Animation durations, typography scale, Tailwind anti-patterns |
shadcn-ui | shadcn/ui component workflow |
building-components | Vercel: accessible, composable, themeable UI component authoring |
wpds | Official WordPress Design System: components, tokens, patterns (needs WPDS MCP) |
ui-ux-pro-max | 50+ styles, 97 palettes, 9 tech stacks |
google-fonts-skill | Google Fonts search with mood tags, pairings, CSS custom properties, Tailwind config, type scales |
design-tokens-skill | W3C DTCG token spec: OKLCH, references/aliasing, Terrazzo, Figma exports |
open-design | Local-first Claude Design alternative: app + daemon running design skills and brand design systems on your own agent (an app, not a skill install) |
material-3-skill | Material Design 3 / Material You: dynamic color, tonal surfaces, 30+ components (Compose + Flutter) |
Mobile & Platform Design
| Skill | Best for |
mobile-app-design | iOS HIG + Android MD3 + RN best practices: touch targets, thumb zones, adaptive patterns, audit scripts |
mobile-app-ui-design | Professional mobile UI: intentional, smooth, alive interfaces |
apple-hig-skills | Apple HIG: iOS, macOS, visionOS, watchOS, tvOS |
hig-doctor | Diagnose and fix Apple HIG violations |
swiftui-patterns | SwiftUI view and component best practices |
swiftui-claude-skills | WWDC 2025 verified SwiftUI, iOS 26.4 RC, Xcode 26 |
swiftui-design-skill | SwiftUI visual design craft — anti-AI-slop, typography, color, brand |
liquid-glass-skill | iOS 26 Liquid Glass: .glassEffect(), GlassEffectContainer, migration patterns |
platform-design-skills | HIG, Material 3 and WCAG 2.2 rules, one skill per platform: iOS, iPadOS, macOS, watchOS, visionOS, tvOS, Android, web |
sleek-design-mobile-apps | Sleek platform: design screens, projects, assets (account req.) |
Interaction & Polish
| Skill | Best for |
taste-design-stitch | Aesthetic judgment for Google Stitch output |
design-lab | Interactive design exploration, variant generation |
interface-design-dammyjay | Dashboards, admin panels, SaaS information-dense UI |
bencium-ux-designer | Distinctive, production-grade frontend |
neo-user-journey | UX journey mapping + Playwright testing + 50+ patterns + Nielsen scoring |
simota-agent-skills | Design suite: Vision, Muse, Frame (Figma bridge), Pixel, Echo, Prose, Ink (SVG icons) |
design-auditor | 19-category audit: typography, dark mode, RTL, dark patterns; 0-100 score |
composio-artifacts | Artifacts connected to GitHub/Slack/Linear via Composio |
search-ux | Search input, autocomplete, ranking, faceted filters, zero-results, search analytics |
interfaces-that-feel | Emotional design: felt-state → physical analogue → motion/copy/spacing changes |
information-architecture-and-navigation | Polar-bear IA: organization/labeling/nav/search, taxonomy, wayfinding, findability |
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.