/ux-design designs one item with UI before the build: problem frame, flow, pattern rules, design spec with a source for each decision, states, mockups, and a prototype for a test with users. /ux-review checks the built screens against the design. A UX designer agent does the work. Also Claude Design, Figma, and OpenPencil, brand files and DTCG tokens, and WCAG 2.2 accessibility.
Plugin ux-design from marketplace maikelsoft-skills in Charmedme/maikelsoft-skills. Commands read from the repo's manifest — today.
brand-rulesWrite and check the brand files of a product - DESIGN.md (the visual rules), PRODUCT.md (users, terms, and voice), and design tokens in the DTCG format - and split the rules into hard rules that a script checks and soft rules for the review. Use when a project has no DESIGN.md, PRODUCT.md, or tokens
claude-designUse Claude Design with the Design and Design System artifact types - read a Claude Design System as the design-system source, turn checked HTML mockups into a Design canvas with one artboard for each state, and make or update a Design System from DTCG tokens. Use when the design facts of the project
figmaWork with Figma through the official Figma MCP server - read frames, variables, and Code Connect in a fixed order with a call budget, map the Figma variables to the project tokens, and write mockups only in a draft or duplicate file with the official figma-use skill. Use when the design facts of the
openpencilDesign with OpenPencil (.op files, the op CLI, the OpenPencil MCP server) - put checked HTML mockups into OpenPencil with one frame for each state, then edit them with the openpencil-design skill. Use when the design facts of the project (the "## Design" section) name OpenPencil as a design tool or
ui-craftVisual design method for app screens - surface type, hierarchy, grid, type roles, spacing rhythm, color roles, density, and detail, in a fixed order, with a rubric to score concepts and mockups and a list of AI tells. Use when a screen, a concept, or a mockup must be designed or judged on its visual
ux-designRuns the UX design of one item with UI work before the build - the design spec, the mockups of each state, and a prototype for a test with users - with the ux-designer agent, from the ticket to the approved design in the work folder of the item. Sends the state examples and the proposed decisions to
ux-patternsDecision tables that select an interaction pattern from the facts of a task - table or cards, page or modal or side panel, inline edit or form, pagination, filters, bulk and destructive actions, feedback for slow work, empty states, input controls, and icons and toggles. Use when a screen, a list, a
ux-practiceThe method of the ux-designer agent for the UX design of a story, a feature, or a screen - Double Diamond phases, a design spec with a source for each decision, the UX decision log, evidence tags, severity, and the modes light, full, and new-direction. Preloaded by the ux-designer agent. Use when th
ux-prototypeClickable prototype of a designed story in the proto-shell standard, with variants for an A/B test, all states in scope, three sizes, and a test plan with tasks. Use when a design or mockups exist and the team must test the flow or compare variants with users before the build.
ux-reviewUX review of a built feature against its approved design - Playwright walks each flow and state at 390, 820, and 1440 px, axe-core and the tell checks run on each state, and each heuristic gets a verdict - with findings by owner, severity, and origin, and a verdict in ux-review.md in the work folder
ux-setupSet up a project for UX work - finds the design tools, the design-system source, the brand files, the languages, and the run command, asks the human one round of questions, and writes the "## Design" section of .claude/rules/delivery.md that the ux-design commands and the ux-designer agent read. Mov
ux-statesState inventory for each screen - default, empty, loading, partial, error, success, disabled, overflow, offline, and the business states (no permission, stale data, locked by another user, waiting on an external system, bulk result with failures, read only) - with what the user sees, can do, and how
web-accessibilityWeb accessibility to WCAG 2.2 AA - a checklist for the design, the tool checks (axe-core, the Tab walk, reduced motion), and the manual checks that no tool does (screen reader, zoom, status messages) - with the EAA and EN 301 549 status. Use when a design, mockup, or built feature must be checked fo
ux-designerUX designer for one story. Frames the problem, designs the flow, the patterns, the screens, and the states with a source for each decision, makes mockups from the design system, makes a clickable prototype with an A/B test, and reviews the built feature against the design with Playwright. Use when a
Stack skills for a .NET 10 team with an Angular front end: C#, ASP.NET Core, OpenAPI, validation, EF Core, SQL Server, PostgreSQL, MSTest 4, analyzers, observability, Redis, Elasticsearch, RabbitMQ, Wolverine, MailKit, PuppeteerSharp, Angular, secure coding, and the move to AwesomeAssertions. Version-specific rules, a check step with a tool, and one report format.
19 skills
One command for each phase of the backlog work: an idea, a request, or a bug to approved items. Each user story and bug gets acceptance criteria and a Gherkin Behaviour spec, a refine pass with the product owner, and a push to Jira, Azure DevOps, GitHub, GitLab, Linear, or files after approval. Research, a story map, and a prototype only for larger work. For product owners and business analysts.
16 skills
The team mode of dev-flow for one large or risky work item: a senior designs and builds the core, mediors build work packages, a security reviewer checks the diff, and the main session leads with the plan gate and the final gate. Same spec.md, locked tests, and run.md header as a solo build. Needs dev-flow 3.1.0 or later and dev-stack.
7 skills · 4 agents · hooks
Write, rewrite, and review developer documentation: README, tutorial, how-to, reference, explanation, ADR, changelog, code comments, and UI text. /update-docs checks and updates the whole doc set of a project.
11 skills
Builds one work item (story, bug, task, or chore) from its ticket to tested commits, spec first. Copies the Behaviour spec of the ticket and locks one test file for each rule. Builds one scenario at a time with TDD. Proves the result with held-back tests, a mutation check, and fresh reviews. Sets the size from the change and the risk. Product questions go back to the product owner on the ticket.
2 skills · hooks
Build good agent skills and agents: research, concept, test, build. Skills build-skill and build-agent, with checkers. Agents for Claude Code, the Agent SDK, Managed Agents, and OpenClaw.
2 skills
Matt Pocock's agent skills for real engineering (grilling, spec/ticket flows, TDD, code review, domain modelling and more).
39 skills
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
15 skills · hooks
Persistent memory for Claude Code: the next session starts where the last one left off.
29 skills · 1 MCP server · hooks
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
1 skill
Cross-session memory and token savings for coding agents.
6 skills · 1 agent · 1 MCP server · hooks
Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.
1 skill · 7 commands
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.