design-kit

Plugin design-kit from marketplace conceptadev in btwld/agent-plugins. Commands read from the repo's manifest — 11 days ago.

Skills (10)

• accessibility-review

  Use when checking an interface against accessibility criteria with explicit scope and evidence. Use relevant browser, native, or design tools to inspect behavior; a screenshot-only review cannot establish full conformance.

• design-critique

  Use when reviewing an existing screen, mockup, or user flow for usability, hierarchy, consistency, and interaction clarity. Return evidence-linked design feedback; use accessibility-review for criterion-based conformance work, frontend-design for implementation, and design-verification for fidelity

• design-system

  Use when auditing, documenting, or extending an existing design system of tokens, component variants, states, and patterns. Ground recommendations in actual design or code sources; general visual redesign and isolated styling fixes are separate tasks.

• design-verification

  Use when comparing a rendered implementation against an approved screenshot, mockup, or captured design reference to verify visual fidelity. Requires both artifacts. Not for general design critique, functional browser testing, accessibility certification, or creating a new design.

• frontend-design

  Use when creating or redesigning an interface and visual direction, typography, layout, or interaction craft are central. Preserve an established design for scoped refinements; use design-critique for feedback only. Use visual-exploration for alternatives, image-to-code or url-to-code for faithful r

• image-to-code

  Use when faithfully implementing a selected screenshot, mockup, or reference image as a responsive interface. Not for choosing a new visual direction, cloning a live URL, general UI fixes, or direct Figma operations owned by the Figma plugin.

• url-to-code

  Use when the user asks to faithfully recreate a live website or specified web flow as a local frontend prototype using browser inspection. Not for a redesign inspired by a URL, screenshot-only implementation, general browsing, or backend/service cloning.

• user-research

  Use when planning a real user study, choosing a research method, or creating an interview, survey, or usability-test guide. Analysis of collected evidence is a separate task; synthetic interviews are a separate ideation method.

• ux-copy

  Use when writing or reviewing interface labels, errors, confirmations, onboarding, empty states, or other UX microcopy where wording must match product behavior and constraints. General marketing copy and document editing are separate tasks.

• visual-exploration

  Use when exploring distinct visual directions for a component, screen, or product from a brief and references, including image-generated concepts. Produce alternatives before implementation. Not for implementing a selected design, reviewing an existing interface, or generating non-interface artwork.

Similar plugins