Portfolio reference · Upwork

Open source / for builders

DAINER
Design Skills.

Your AI writes ugly websites because nobody told it how to design. These skills tell it. The repository contains the design and AI-directed skills used to shape the showcase and this site — free to read, fork and argue with.

01

What an "AI skill" is.

A skill is a plain markdown file of instructions your AI agent reads before it starts working. No plugin, no API, no subscription — just a file in a folder.

01

Plain markdown

Ask for "a landing page with a glass look" and your agent finds the glass skill, reads how frosted surfaces, blur layers and border gradients actually work, and builds from that instead of guessing.

02

Agent-agnostic

Works with Claude Code, Codex, Cursor and any agent that reads SKILL.md files. One install.sh, or copy the folder to wherever your agent looks.

03

Studied, not scraped

It is the difference between an AI that has seen design and an AI that has studied it. The same discipline produced the thirty-three showcase studies.

Built for the people I met at the Malaysian Learn-a-thon (AIMTO 2026). Take it, use it, no credit needed. This is a resource, not a product — the free visibility check is where client work starts.

02

Install in one clone.

  1. Clone the repository.git clone https://github.com/Rebelzxr/dainer-design-skills.git
  2. Run the installer.cd dainer-design-skills && ./install.sh
  3. Build something.Your agent now reads the skills before it designs. Issues and pull requests are open.