frontend-design
claudeProduction-grade frontend interfaces
1 skill
Claude Code and Codex plugins their authors filed under "design". All categories.
Production-grade frontend interfaces
1 skill
Instantly generate a polished self-contained HTML preview of whatever is being discussed — auto-detects UI screens, theme comparisons, component variants, dashboards, and more.
1 skill
Generate a self-contained HTML mockup page using the project's real theme colors — for UI ideas, color changes, error states, or before/after comparisons.
1 skill
Designs first-time-user flows using the IDENTITY-TO-HABIT arc — grounded in BJ Fogg's Tiny Habits and Fogg Behavior Model, Nir Eyal's Hook Model, and James Clear's identity-based habits.
1 skill
Build a branded, front-end-only Lightspeed internal-tool prototype from a plain-English idea using the real Helios design system, and export it as a Labs test bundle (index.html + labs-test.json). Offers ISPM starter scenarios (nurture triage, contract analysis, competitor research, request intake, client intel, package recs) or turns any input-to-output tool idea into a realistic prototype with sample data. The standard workshop prototype path.
1 skill
Source-faithful photography presentation: compose original photographs and supplied artwork without distortion, then audit visual provenance and quality.
1 skill
Iteratively find visual reference images on the user's personal Pinterest account via Chrome, refining the search with the user's feedback until the references match what they have in mind, then save the confirmed set to a board on their profile. Use when the user asks for a reference, visual reference, mood/inspiration image, or "what does X look like" for a design, model, scene, or prop.
1 skill
Lightweight multi-model frontend design: Opus plans, Gemini generates
1 skill
Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.
1 skill
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, checked in a real browser.
1 skill
Claude Code, Codex plugins collection
1 skill
A2R brand design system: color palettes, typography, logo usage, UI component specs, design tokens, and light/dark theming for any A2R visual or UI work.
1 skill
Genera videos de demostracion de producto con el formato estandar de A2R: graba un modulo con Playwright (viewport limpio, sin navegador, con cursor) y lo monta en Remotion con la marca A2R (intro, rotulos por paso, interstitial de proceso, scroll de documentos, cierre), 1920x1080 y sin audio.
1 skill
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
1 skill
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design drafts you refine.
1 skill
Import a Claude Design export zip into site/ and deploy via tag-triggered CI.
1 skill
UX design pipeline for prototyping user interfaces and interaction flows
1 skill
Create beautiful visual art in .png and .pdf documents using design principles
1 skill
Build a single-file, clickable mockup themed with the project's own design tokens, reconciled against the running product before review.
1 skill
Design fluency for frontend development. 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) with curated anti-pattern detection to stop AI-generated UI from looking generic.
1 skill
Diagram creation router for Mermaid and Excalidraw, covering Markdown-native diagrams and visual .excalidraw artifacts.
1 skill
Figma Parser — extract design system from Figma files via API
1 skill
Site Ripper — extract design system from any website via Playwright
1 skill
The Impeccable design craft adapted to Paper (paper.design): design-director quality standards, visual-world commitment, critique with heuristic scoring, refinement playbooks, design token extraction, and review-comment workflows, all driven through the Paper MCP server on the canvas instead of code.
1 skill
Master Apple's Human Interface Guidelines (HIG) with focus on 2026 Liquid Glass aesthetics. Design and audit iOS, macOS, and visionOS apps for full compliance and premium feel. Includes hig_checker Python tool for tap targets and contrast.
1 skill
Master Apple's Human Interface Guidelines (HIG) with focus on 2026 Liquid Glass aesthetics. Design and audit iOS, macOS, and visionOS apps for full compliance and premium feel. Includes hig_checker Python tool for tap targets and contrast.
1 skill
Master Apple's Human Interface Guidelines (HIG) with focus on 2026 Liquid Glass aesthetics. Design and audit iOS, macOS, and visionOS apps for full compliance and premium feel. Includes hig_checker Python tool for tap targets and contrast.
1 skill
Master Apple's Human Interface Guidelines (HIG) with focus on 2026 Liquid Glass aesthetics. Design and audit iOS, macOS, and visionOS apps for full compliance and premium feel. Includes hig_checker Python tool for tap targets and contrast.
1 skill
Master Apple's Human Interface Guidelines (HIG) with focus on 2026 Liquid Glass aesthetics. Design and audit iOS, macOS, and visionOS apps for full compliance and premium feel. Includes hig_checker Python tool for tap targets and contrast.
1 skill
Expert brand strategist and guardian specializing in brand identity development, consistency maintenance, and strategic brand positioning
1 agent