davidalmeida90

Claude Design Fund — Design skill for Claude Code

Design community

Building a fictional investment fund (Coldbrook Capital) entirely in Claude Design: the design system, the exact prompts, the monthly report, the website, and the Higgsfield brand film.

How to install Claude Design Fund

This entry records only its repository, not the path inside it, so there is no exact command to give. Open davidalmeida90/claude-design-fund and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Design Fund does

Building a fictional investment fund (Coldbrook Capital) entirely in Claude Design: the design system, the exact prompts, the monthly report, the website, and the Higgsfield brand film.

Alternatives in Design

Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★
Drawbridge — Design editor for Claude Code and Cursor 960 ★
Scroll World — Claude Code skill/plugin: immersive scroll-scrubbed 'fly through the world' landing pages generated with Higgs 537 ★

README

Fund design system, a Claude skill

[![License: MIT](https://img.shields.io/badge/License-MIT-9A7B2F.svg)](LICENSE) [![Watch the walkthrough](https://img.shields.io/badge/Walkthrough-YouTube-D97757.svg)](https://youtu.be/o516mmnXcZs) [![Made with Claude Design](https://img.shields.io/badge/Made%20with-Claude%20Design-0B2545.svg)](https://davidariasfinance.com/scripts/claude-design-fund/)

An institutional, print-first design system for building asset-management deliverables in Claude Design. Define your firm's brand once as tokens plus component previews, push it into Claude Design with the design sync skill, and every report, factsheet, website and deck comes out on brand.

This repo is packaged as a Claude skill. See [SKILL.md](SKILL.md) for what it is and how to use it, and [`ds/`](ds/) for the design system itself: [`ds/colors_and_type.css`](ds/colors_and_type.css) holds every token, and [`ds/preview/`](ds/preview/) holds one small HTML preview per component. The written brand spec is in [coldbrook-brand.md](coldbrook-brand.md).

Quick start

Copy this folder into ~/.claude/skills/fund-design-system/ (or your project's .claude/skills/).
Run /design-sync in Claude Code to push ds/ into Claude Design as a Design System project.
Select that project in the Design system picker on the composer, then build your artifacts.

Swap the hex values and the typeface in `ds/colors_and_type.css` for your own brand.

Where this came from

Extracted from a full build of a fictional asset manager, Coldbrook Capital, made entirely in Claude Design. The walkthrough, the exact build prompts, and a playable brand film live at [davidariasfinance.com/scripts/claude-design-fund](https://davidariasfinance.com/scripts/claude-design-fund/). Coldbrook Capital is fictional, built as a design exercise.

Author

Built by David Arias, CFA, finance and data science. More models, calculators and write-ups at [davidariasfinance.com](https://davidariasfinance.com), and t