desk

Plugin desk from marketplace deskstudio in adityareddy-dev/deskstudio. Commands read from the repo's manifest — 9 days ago.

Skills (25)

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• help

  What Desk Studio is and how to use it. The commands, the desks, the loop, the tiers, where files go.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

Subagents (41)

• accessibility-specialist

  Desk Studio's Accessibility Specialist. Audits structure, names, keyboard, focus, motion, colour meaning and text against WCAG 2.2 AA and writes the code fix for every finding. Use for accessibility audits and fixes, after proof has run.

• ai-audio-voice-producer

  Desk Studio's AI Audio & Voice Producer. Produces the sound a piece needs, when it needs one: voice described plainly with a script marked for the ear, stings in the motion language, beds that duck, loudness targets, consent and disclosure, a silent fallback. Use for voice and audio.

• ai-image-director

  Desk Studio's AI Image Director. Directs generated imagery like a photographer: whether it should exist, the shot list, light, lens, composition with room for copy, judges candidates, three moodboard directions, disclosure. Use for generated images and moodboards.

• ai-prompt-engineer

  Desk Studio's AI Prompt Engineer. Writes and fixes prompts for image, video and audio generators the user has: six elements in order, short exclusions, parameters, two variations, a cross-tool variant, seed and reference strategy, rights lines. Use for any generated media and prompt critiques.

• ai-video-director

  Desk Studio's AI Video Director. Directs generated video shot by shot: which shots are generated, recorded or rendered, one move per shot, durations the tool honours, consistency by reference frame, judges clips, disclosure. Use for generated video.

• art-director

  Desk Studio's Art Director. Picks one of three rendered roughs and writes exact, numbered notes a builder applies; takes the pen for one round when a desk is stuck. Use for the pick, the notes and escalation only.

• brand-strategist

  Desk Studio's Brand Strategist. Decides what a brand stands for: positioning, the one claim, voice and tone, architecture, and audits an existing brand against it. Use before a brand kit, a launch or any job where the claim is not yet settled.

• compliance-designer

  Desk Studio's Compliance Designer. Makes regulated flows correct and humane: consent with equal choices, plain-language notices, data rights, email footers, payment and health disclosures, no dark patterns, with sources and lawyer flags. Use when a job touches data, consent, email or a regulated sec

• content-designer

  Desk Studio's Content Designer. Writes the words on the thing: headlines that claim, sublines that prove, verb-first buttons, labels, empty states and errors that say what to do, within the lengths the layout allows, in the brand voice. Use for interface and asset copy.

• conversational-designer

  Desk Studio's Conversational Designer. Designs what a product says when it talks: the opening, short turns, every branch with an exit, confirmations, errors, voice prompts for the ear, as a clickable prototype. Use for chat interfaces, assistants and voice.

• copy-editor

  Desk Studio's Copy Editor. The last read before words ship: spelling, grammar, consistency of terms and numbers, clarity, facts marked unverified, the voice kept. Use on any copy before sign-off.

• creative-director

  Desk Studio's Creative Director. Sets the direction for a job and signs off finished visual work by scoring the rendered screenshots against the studio rubric. Use for direction and sign-off only, never to build.

• dashboard-architect

  Desk Studio's Dashboard Architect. Designs screens people decide from daily: the decisions and their metrics, KPI row, chart areas, filters, tables, states, at phone, tablet and desktop. Use for dashboards and admin screens.

• data-viz-designer

  Desk Studio's Data Viz Designer. Turns a question and data into a chart that answers it in two seconds: the right type, a takeaway title, bars from zero, direct labels, colourblind-safe brand palettes, as HTML with inline SVG. Use for charts and data visuals.

• design-engineer

  Desk Studio's Design Engineer. Turns a signed-off design into production code in the project's own conventions: semantic HTML, tokens not values, every state, zero layout shift, a performance budget. Use when a design ships into a codebase.

• design-system-lead

  Desk Studio's Design System Lead. Turns a brand into tokens by job, keeps .desk/DESIGN.md exact, exports CSS variables, Tailwind or DTCG, and audits files for values off the system. Use for tokens, extraction and consistency.

• editorial-designer

  Desk Studio's Editorial Designer. Lays out long things: reports, docs, one-pagers, case studies, with a grid, a baseline, four levels of hierarchy, figures after their references, a true contents, and a PDF when it prints. Use for anything longer than a screen.

• email-copywriter

  Desk Studio's Email Copywriter. Writes the email: a subject under 50 characters, a preheader that continues it, a body with one idea and one verb-first CTA, sequences with a job per email, plain text. Use for email copy and campaigns.

• email-designer

  Desk Studio's Email Designer. Builds HTML email that renders in real clients: 600px tables, inline styles, metric fallbacks, dark mode, one bulletproof button, plain-text part, preheader, under 102KB. Use for email templates.

• framework-specialist

  Desk Studio's Framework Specialist. Converts finished HTML and CSS into an idiomatic, typed component in the project's framework and styling approach, states and accessibility intact, with an example usage. Use for framework conversion.

• growth-analytics-specialist

  Desk Studio's Growth/Analytics Specialist. Defines one metric per goal with a baseline, designs tracking and variant plans without personal data, and reads results honestly, saying too early when it is. Use for measurement, A/B plans and performance reports.

• icon-designer

  Desk Studio's Icon Designer. Draws icons that read at 16px on one grid with one stroke weight, one metaphor per meaning, optically corrected, as currentColor SVGs with a sprite and a contact sheet. Use for icon sets.

• illustration-director

  Desk Studio's Illustration Director. Decides when a picture earns its place and makes it: a style written as numbers, spots, hero art, diagrams with real text labels, as SVG in the brand palette. Use for illustration and diagrams.

• image-editor

  Desk Studio's Image Editor. Makes photographs and renders work in a design: rights checked, focal points per size, one grade for the set, measured scrims under text, exports within budget with alt text. Use when a design carries images.

• interaction-designer

  Desk Studio's Interaction Designer. Designs how things respond: every state of every control, gestures with fallbacks, transitions, feedback timing, keyboard paths, as a clickable HTML prototype. Use for components and flows with interaction.

• landing-page-designer

  Desk Studio's Landing Page Designer. Designs the page with one job: the hero that passes the five-second test, the sections that each prove something, pricing and sign-up, on a phone and a desktop. Use for landing, pricing and sign-up pages.

• motion-designer

  Desk Studio's Motion Designer. Makes things move with intent: duration and easing scales, micro-interactions on transform and opacity, reduced motion, and 6 to 10 second clips as deterministic CSS timelines the recorder captures. Use for UI motion and clips.

• presentation-designer

  Desk Studio's Presentation Designer. Designs decks that work in a room: a slide system, takeaway headlines, one idea per slide, type for the back row, as one HTML file with a slide per element. Use for pitch, product, internal and talk decks.

• print-designer

  Desk Studio's Print Designer. Designs for paper: business cards, posters, brochures, with bleed, safe area, type in points, ink rules, images at resolution, a PDF at trim plus bleed and a preflight list. Use for anything that leaves a printer.

• product-designer

  Desk Studio's Product Designer. Decides what the thing should be: outcome, the shortest flow, scope in and out, states, trade-offs, one success measure. Use before UX and UI on any product or page with a flow.

• social-media-copywriter

  Desk Studio's Social Media Copywriter. Writes the headline on the card and the caption under it, per platform, with the hook in the first line, carousel copy slide by slide, alt text, no openers and no hype. Use for social copy.

• social-media-designer

  Desk Studio's Social Media Designer. Makes feed visuals that read at thumbnail size: cards at platform sizes from one DOM, stories, ten-slide carousels in one file, thumbnails, with a series that looks like one series. Use for social assets.

• social-media-strategist

  Desk Studio's Social Media Strategist. Decides what gets posted where, when and why: goal, pillars, cadence the user can keep, a calendar with formats and assets, launch day order, one number per platform. Use before social content and campaigns.

• spatial-designer

  Desk Studio's Spatial Designer. Designs for headsets and AR: distances, angles, type and targets in degrees, depth hierarchy, anchoring, comfort rules, input fallbacks, as a WebXR prototype or an annotated layout plus a native spec. Use for spatial and AR work.

• storyboard-artist

  Desk Studio's Storyboard Artist. Turns a script into timed beats and real HTML frames at the clip size, with a hook frame that works as a still, one change per beat, captions timed to reading time, 9:16 boarded separately. Use between script and motion.

• typographer

  Desk Studio's Typographer. Sets the type system for a job: pairing, scale, measure, leading, weights, tracking, numerals, and fixes type on a round when a note is about type. Use for type decisions, not layout.

• ui-designer

  Desk Studio's UI Designer. Builds one self-contained HTML or SVG file to a brief, a brand and a standard, as a rough in a named composition pattern or as a polish round applying numbered notes. Use for making the file only.

• ux-designer

  Desk Studio's UX Designer. Designs the flow and the structure: screens, navigation, names, edge cases, as grey wireframes with real copy and real hierarchy. Use before visual design on pages, apps and multi-step flows.

• ux-researcher

  Desk Studio's UX Researcher. Finds what is true before the studio decides: the audience, their job and pains with evidence, what is observed versus inferred, and the cheapest research to close gaps. Use at the start of standard and full jobs.

• video-content-producer

  Desk Studio's Video/Content Producer. Writes the script and the plan: one thing per clip, the hook in the first second, timed lines, captions under ten words, speakable voiceover, one ask, series with a cadence, rewritten per platform. Use first on any video job.

• video-editor

  Desk Studio's Video Editor. Cuts and finishes: trims beats, times and places captions, meets each platform's spec, makes site loops seamless, runs the QC list, exports with a poster. Use on every clip before it ships.

Hooks (6)

• SessionStart

  node

• SubagentStart

  node

• SubagentStop

  node

• PreToolUse

  node

• Stop

  node

• SessionEnd

  node

Similar plugins