All categories
Design & UX
UI, UX, design systems, accessibility, visual design, and frontend polish
- 9,095
- 379
Security grades appear on each card once the skill has been scanned. Newly imported skills may briefly show without a grade until the backfill job runs.
Open in full browserBrowse design & ux skills
Showing 25–48 of 9,095 skills
- Ssot DashboardDesigns and structures the Movemental living SSOT dashboard (HTML/CSS/JS). Use when creating or refining the single-source-of-truth dashboard, sidebar and content structure, or when aligning Movemental vision and docs into a docs-first, token-based, agent-friendly dashboard.Votes: 0GitHub stars: 2
- Responsive AuditAudit and fix responsiveness issues for movemental — breakpoint coverage, layout collapse, touch targets, typography scaling, overflow, and navigation. Enforces mobile-first design for Next.js 16 + Tailwind v4.Votes: 0GitHub stars: 2
- Page AuditHolistic audit of any movemental.com page — UI, content, architecture, UX, and conversion — writes a markdown report and a standalone fix prompt.Votes: 0GitHub stars: 2
- Movement Leader Platform BuildAudits a movement-leader tenant against the master component checklist, writes a gap-remediation build prompt to docs/build/prompts/, then implements missing pages and components in the repo's existing design system with full type-safety compliance. Use when running the platform checklist, auditing component gaps, building remaining pages, platform build, master-component-checklist, or remediating missing shell/themes/ library/formation routes. Run from any movement-leader repo root.Votes: 0GitHub stars: 2
- Icon AuditAudit and fix icon usage for movemental — mixed libraries, wrong sizes, hardcoded colors, missing accessibility, and illustration anti-patterns. Enforces lucide-react as the single icon library.Votes: 0GitHub stars: 2
- Gpt ExportGenerate 21 markdown knowledge files + custom instructions for creating a Custom GPT strategic consultant from the current workspace project.Votes: 0GitHub stars: 2
- Design Chain AuditUnified design chain audit for Movemental — flushes drift across all 5 layers (Stitch → tokens → primitives → components → layouts) covering color, typography, Tailwind hygiene, pattern, a11y, and interaction fidelity against the "Warm Scholarly Authority" design system. Use before shipping any UI or after a large build sprint.Votes: 0GitHub stars: 2
- Design AuditAudit a page or component against the Digital Curator design spec (DESIGN.md) and movemental project conventions. Use to check visual quality, accessibility, token compliance, and consistency before shipping.Votes: 0GitHub stars: 2
- Color AuditExpert color palette audit for movemental — verify semantic token completeness, WCAG contrast compliance, 60-30-10 distribution, and tonal stacking correctness. Light-primary site with regional Midnight sections.Votes: 0GitHub stars: 2
- Chat Ui AuditAudit and fix chat-based AI UI (chatbots, agents, floating chat) against production best practices from Claude, ChatGPT, and modern conversational AI interfaces. Use when building, reviewing, or improving any chat UI.Votes: 0GitHub stars: 2
- Audit ExperienceAudit the course learn experience for section coverage, sidebar rendering, layout, design token compliance, tenant isolation, accessibility, data flow, and component quality. Use when reviewing course UI code quality or diagnosing learn experience issues. Pass a course slug or "all".Votes: 0GitHub stars: 2
- Studio StyleGenerate a 1-pager style foundation prompt for AI Studio — hero, typography section, and card grid only. Establishes the visual language for any subsequent development (dashboards, e-readers, webpages, etc.) through three exemplary sections that showcase pattern, type, color, motion, and interaction decisions.Votes: 0GitHub stars: 2
- Studio PromptGenerate a complete AI Studio prompt package — System Instructions, Build Prompt, and Iteration Templates — for any UI feature or app. Uses intent-first prompting so AI Studio acts as the expert designer: business goals and mood direction, never hex codes or Tailwind classes.Votes: 0GitHub stars: 2
- Studio ExportGenerate a feature constitution — data model, product story, and acceptance criteria for a platform slice/feature. Designed for pasting into AI Studio Build mode or any prototyping tool. No styling or UI constraints.Votes: 0GitHub stars: 2
- Studio DesignGenerate a rich AI Studio design prompt for any mock-up or prototype — pages, dashboards, heroes, apps. Combines AntiGravity 5-dimension framework, 67+ styles, template patterns, and evocative design language so AI Studio makes beautiful design decisions autonomously.Votes: 0GitHub stars: 2
- Stitch VariantsGenerate design variants of existing Stitch screens to explore alternative approaches. Controls creative range, aspects to vary, and number of variants.Votes: 0GitHub stars: 2
- Stitch ReactConvert Stitch screens to React components — fetches and caches designs locally, extracts design tokens, decomposes HTML into shadcn/ui components, generates TypeScript types, wires Layer 5 hooks, and archives existing pages. Triggers on: Stitch React, component conversion, React conversion, HTML to React. NOT for: new React apps, API routes, services, or schema changes.Votes: 0GitHub stars: 2
- Stitch ExportGenerate a screen-by-screen feature specification for a Stitch project — documenting what each screen does, its content, user flows, and data requirements. No design or component prescriptions. Output is optimized for Stitch's generate_screen_from_text API.Votes: 0GitHub stars: 2
- Stitch BuildCreate a Stitch project and generate screens from a feature specification or user description. Calls Stitch MCP tools directly to build screens one at a time, following best practices for Stitch prompting.Votes: 0GitHub stars: 2
- Integrate Stitch TemplateFully integrate a Google Stitch screen (or set of screens) into the movement-leader-html-templates platform. Given Stitch instructions (project title + ID and one or more screens with titles + screen IDs), this scaffolds the template folder, pulls the HTML + screenshot from Stitch, gives it a Framer-style name, copy-edits the content to fit the movement-leader author/pastor platform without breaking the UI, swaps placeholder/external images for local repo assets, extracts design tokens, and r...Votes: 0GitHub stars: 2
- Visual ScrapeExtract visuals (charts, diagrams, illustrations) from a PDF book and generate contextual markdown — each image paired with what it communicates and why it matters in context. Use when scraping book visuals.Votes: 0GitHub stars: 2
- Tenant Structural PortPhase D (optional deep port) of the Movemental tenant migration — port STRUCTURAL code parity from the reference repo (e.g. alan-hirsch) directly, rather than from Stitch wireframes, when the design-first stitch path is insufficient. Covers: design-chain audit so reference code lands with TENANT design tokens not the reference's, course infrastructure diff & port (hooks, custom APIs, learn player, certificates, cohort discussions, availability), course frontend parity verification, page inven...Votes: 0GitHub stars: 2
- Stitch Token BridgePhase B/02 of the Movemental tenant migration — map the Google Stitch black-and-white wireframe palette (the layout-proof grayscale) onto the tenant's production semantic design tokens, plus the typography and spacing bridge. Run ONCE after stitch-intake-audit and before any page conversion. Use when the user says "token bridge", "map the wireframe colors", "set up the design tokens for the stitch migration", or before stitch-page-port. Writes docs/build/notes/stitch-token-bridge.md and makes...Votes: 0GitHub stars: 2
- Platform Demo ArchitectInteractive 9-step process to design a cutting-edge, best-case platform demo for a specific audience — audience intel, problem thesis, capability map, personality/theming, then auto-generated sitemap, component specs, and agent roster (Next/Vite, Tailwind, Supabase RLS, Vercel, Stripe+Shopify, Resend, tenant-scoped agents). Opinionated, high-signal; use when scoping a tailored tenant platform or stakeholder demo.Votes: 0GitHub stars: 2