Reusable AI skills and instructions for design workflows, built for GitHub Copilot and Claude.
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Stress-test a design idea through rigorous, phased questioning. Use when a designer wants to pressure-test a concept, think through scenarios and edge cases, or ensure the underlying problem is well understood before committing to a direction. Trigger on "grill me", "stress-test this", "poke holes in this", "challenge…
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Compare a prototype — React/Vite or Angular code in the workspace, an HTML prototype or wireframe, or Figma frames — against a research-synthesis doc to find where the two disagree, then produce a prioritized markdown implementation plan closing the gaps. Use whenever the user has both research findings and a…
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Build a realistic, highly interactive prototype for design exploration — either a React + Vite project or a single self-contained HTML file that opens in any browser with no build step. Use when a designer wants to explore, communicate, or validate a UI concept with something that looks and feels like a real app — not…
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Plan a user research study and produce a single markdown plan — objectives, research questions, method, participants, themes, test scenarios, and a session guide. Core methods are discovery interviews and prototype-based usability tests; surveys, card sorts, and A/B tests are supported via a companion reference. When…
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Synthesize user research — interview transcripts, usability test notes, survey results, support tickets, or NPS/CSAT responses — into themes, prioritized insights, and recommendations. Use this whenever the user has a folder of markdown interview transcripts or research notes and wants patterns, key findings, user…
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Build production-ready Angular UI pages and sections using the Nextech Design System (@nextech/ui-components). Trigger whenever a designer or developer wants to translate a Figma design or React prototype into spec-quality Angular code, build a page or section with the Nextech component library, spec out a page or…
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Generate design-system documentation for Storybook — an MDX Docs page plus the Angular CSF stories it embeds as live examples. Documents how a component or foundation is used (usage, variants, behavior, content, placement, do/don't guidance, accessibility, implementation mapping) but never specs, anatomy, or…
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Create interactive lo-fi wireframe explorations for UI design problems. Use this skill whenever a designer asks to wireframe, sketch, or explore design concepts — even if they just describe a problem or say "I need to ideate." Always trigger for requests like "wireframe this", "sketch some ideas", "explore concepts…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: