architecture-designer
Design system architecture and ADRs.
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
22,056 results
Design system architecture and ADRs.
WeChat Official Account article layout engine that converts Markdown into HTML that can be pasted directly into the WeChat editor. The theme style is selected from the custom theme library registered in references/theme-index.md, with automatic section numbering, keyword underline markers, quote cards, table-of-contents navigation, code blocks, images/GIFs, and author signature. Supports Markdown / Word(.docx) /…
Use when the user wants to pick a look from options, 2-4 rendered side by side and chosen in chat.
Load before writing markup whenever you build, rebuild or restyle a whole web page, site, app screen or flow (landing page, dashboard, checkout, settings,…
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…
Image-first interface creation. Generates three UX-distinct UI images through the user's ChatGPT plan (Codex CLI image generation), shows them side by side,…
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…
Search YouTube and return structured video results with metadata. Use this skill whenever the user wants to search YouTube, find videos on a topic, research…
Designs digital experiences for ADHD brains using neuroscience research and UX principles. Expert in reducing cognitive load, time blindness solutions,…
Expert in color theory, palette harmony, and perceptual color science for computational photo composition. Specializes in earth-mover distance optimization,…
Design and implement Swiss modern websites using International Typographic Style principles translated for the contemporary web: strict grids, typography-led…
Comprehensive UX analysis using cognitive psychology, ADHD-friendly design, Gestalt principles, and flow state engineering. Specializes in friction audits,…
Applies object-oriented design principles and design patterns to generate maintainable, extensible code. Use when generating code that requires proper…
Used when creating or updating SEED component guide MDX and images from Figma document layers.
Use this to read-only verify the definition, alias, usage, generation surface, or WCAG 2.x contrast of a single SEED color token.
Generate photorealistic travel images from inside vehicles looking out through windows, with a consistent lower-left location badge. Use when the user asks for…
Design engineering for production interfaces. Use when building UI components, pages, or applications. Provides craft principles, maintains design direction…
Styles and fixes Mermaid diagrams in VitePress, apps, and Markdown hosts. Use for themeVariables/themeCSS, dark mode, ELK orthogonal edges, clipped or…
Prompt writing and production guide for AI video generation
Design and usability of desktop apps — window, menu bar, keyboard, density, hover, semantic tokens and light/dark parity. Use when creating or reviewing native UI…
Use when the user explicitly wants to generate, edit, upload, or inspect images with Image MCP via the image-mcp CLI. Also use when the user asks about Image…
Design or simplify packages and modules around cohesive implementations and small interfaces. Use when choosing module boundaries, evaluating an extraction, or…
Guide AI-assisted UI generation toward enterprise-grade, intentional design. Use when building user interfaces, creating dashboards, designing enterprise…
Change or remove the words in a screenshot or photo with MakeItSay and keep the original font, colour and background. Use when the user wants to edit text in…