Updated 2d ago
by adityareddy-dev
deskstudio
Your own design studio inside the coding agent you already use.
41 GitHub stars (41)
+41 in 3 days
Steady at 41 stars — no new stars in the 2 days since Oct 21.
- 25 skills (25 skills found in its SKILL.md files)
- 41 forks (41 forks)
- 2d ago last update (Last updated 2d ago)
Install
Skills CLI
npx skills add adityareddy-dev/deskstudio
Asks which skills and agents to install. Just one: npx skills add adityareddy-dev/deskstudio --skill accessibility-audit — add -g for every project.
Claude Code
git clone https://github.com/adityareddy-dev/deskstudiocp -r "deskstudio/skills/accessibility-audit" ~/.claude/skills/
Copies the accessibility-audit skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add adityareddy-dev/deskstudio
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
accessibility-audit
A WCAG 2.2 AA audit of a file or URL with a code fix for every finding, and --fix to apply them. Use when a page or component needs to be checked for everyone, beyond what the contrast check sees.
skills/accessibility-audit/SKILL.md on GitHub (opens in a new tab) -
brand-kit
Build a brand kit from one or two colours, a name or a URL: three directions rendered as real work, one picked, written to brand/ and .desk/DESIGN.md. Use when a project has no brand yet or needs a proper one.
skills/brand-kit/SKILL.md on GitHub (opens in a new tab) -
chart-design
One chart that answers one question, as an HTML file with an inline SVG, colourblind-safe, directly labelled, with the takeaway as the title. Use when you have data and a point to make with it.
skills/chart-design/SKILL.md on GitHub (opens in a new tab) -
dashboard-layout
A dashboard screen laid out from the decisions it serves: KPI row, charts, filter bar, table, sidebar, every state, at phone, tablet and desktop. Use when a product or a team needs a screen of numbers that reads.
skills/dashboard-layout/SKILL.md on GitHub (opens in a new tab) -
dashboard
The Desk Studio dashboard. See every desk, the job, the roughs and scores, and steer it: pause, change a model, write a desk a note, pick a rough, approve. setup, start, stop, status or disable.
skills/dashboard/SKILL.md on GitHub (opens in a new tab) -
design-critique
A heuristic critique of a screen or flow against the Nielsen ten usability heuristics plus the studio rubric, from a screenshot, a file or a URL. Use when you want a usability read, not a redesign.
skills/design-critique/SKILL.md on GitHub (opens in a new tab) -
design-handoff
Turn a finished job into what an engineer needs: tokens, redline specs, component API docs and the asset list. Use after a job is signed off and someone else will build it in the product.
skills/design-handoff/SKILL.md on GitHub (opens in a new tab) -
design-qa
QA a built screen or component at three breakpoints for token compliance, every state and its motion, with a fix list. Use before a UI change ships, or when a page looks off and nobody can say why.
skills/design-qa/SKILL.md on GitHub (opens in a new tab) -
design-review
Audit an existing design (an HTML file, a URL or a screenshot) against the rubric and report exact fixes, with --fix to run polish rounds on the file. Use when something already exists and the question is how good it is and what to change.
skills/design-review/SKILL.md on GitHub (opens in a new tab) -
design-system
Generate, extract or audit the project's design tokens: writes or lints .desk/DESIGN.md and exports CSS custom properties or a Tailwind theme. Use when a project needs its tokens made, pulled out of existing code, or checked for drift.
skills/design-system/SKILL.md on GitHub (opens in a new tab) -
design-template
A finished page template from the standards: landing page, dashboard, pricing, auth, blog, docs or onboarding, in the project's brand with real copy. Use when a project needs a page type it does not have yet.
skills/design-template/SKILL.md on GitHub (opens in a new tab) -
design
Design anything with the full studio loop. Pages, components, cards, carousels, emails, decks, charts, clips, brand assets. Staffs the desks, runs roughs, pick, polish, proof and sign-off, hands back files with scores.
skills/design/SKILL.md on GitHub (opens in a new tab) -
studio
The Desk Studio design manager. Use for any design ask, from a social card or a landing page to an email, a deck, a chart, a clip or a brand. Staffs the right desks, runs roughs, pick, polish, proof and sign-off, and hands back finished files with their scores.
skills/desk/SKILL.md on GitHub (opens in a new tab) -
email-campaign
A sequence of emails that share one template and one voice: the plan, the timing, every subject line, every message with its text part. Use for onboarding, a launch series, a nurture or a re-engagement run.
skills/email-campaign/SKILL.md on GitHub (opens in a new tab) -
email-template
One HTML email with its plain-text part, built to render in real clients in light and dark mode. Use for a welcome, an announcement, a receipt, a digest or any single message.
skills/email-template/SKILL.md on GitHub (opens in a new tab) -
help
What Desk Studio is and how to use it. The commands, the desks, the loop, the tiers, where files go.
skills/help/SKILL.md on GitHub (opens in a new tab) -
init
Set up Desk Studio in this project. Finds the brand in the project, writes .desk/DESIGN.md and .desk/project.json with the model tiers, and says what it found.
skills/init/SKILL.md on GitHub (opens in a new tab) -
motion-design
A 6 to 10 second motion clip built in CSS and the Web Animations API and recorded in Chrome: a brand sting, a product beat, a site loop. Use when there is no script to speak, just one idea to move.
skills/motion-design/SKILL.md on GitHub (opens in a new tab) -
presentation-design
A slide deck on one slide system, one idea per slide, typed for a room, from an outline, a document or a one-line brief. Use for a pitch, a review, a talk or a report that will be presented.
skills/presentation-design/SKILL.md on GitHub (opens in a new tab) -
social-campaign
A whole social campaign: the strategy, a posting calendar, every caption, and the visuals made as one batch in one system. Use when a launch or a theme needs a run of posts, not one.
skills/social-campaign/SKILL.md on GitHub (opens in a new tab) -
social-content
One piece of social content with its copy: a post card, a story or a ten-slide carousel, for LinkedIn, X or Instagram. Use when you need one finished thing to post, visuals and caption together.
skills/social-content/SKILL.md on GitHub (opens in a new tab) -
status
Show every Desk Studio job in this project with its phase, round, scores and cost, from the state files, with no model calls. Use to see what is running, what finished and what is waiting on you.
skills/status/SKILL.md on GitHub (opens in a new tab) -
taste
Record what you liked or rejected about a job, by rubric axis, into .desk/taste.md so every later job starts from it. Use right after looking at an output, with the job id and a sentence.
skills/taste/SKILL.md on GitHub (opens in a new tab) -
variants
Three directions side by side for any design ask, with the Art Director's notes on each and no polish. Use when you want to see the options before committing, or to pick a direction yourself.
skills/variants/SKILL.md on GitHub (opens in a new tab) -
video
A short video from script to rendered file: beats, storyboard frames as HTML, a CSS and Web Animations timeline, burned-in captions, recorded in Chrome to WebM and MP4 at 16:9 and 9:16. Use for a launch clip, an explainer or a walk-through with words to say.
skills/video/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.