Packs
12 packscurated
Debug and Fix Runtime Bug
Triage, diagnose, and fix runtime bugs using structured debugging workflow, then verify the fix end-to-end.
9 skills · pack
curated
SEO Audit and Fix
Audit a website for SEO issues, fix metadata and structured data, and verify improvements.
10 skills · pack
curated
Audit and Fix Web Accessibility
Install this pack to audit and fix web accessibility issues to WCAG 2.2 AA standards.
10 skills · pack
curated
Bug Fix with Regression Test
Reproduce a bug as a regression test, fix the code until green, and verify before committing.
9 skills · pack
curated
Fix Defect with TDD
Reproduce a bug as a failing regression test, fix until green, review, and commit via a delegated pipeline.
9 skills · pack
curated
Optimize Web Performance
Install this pack to optimize web performance by measuring and fixing Core Web Vitals.
9 skills · pack
curated
Diagnose and Fix AI Workflow
Diagnoses an AI workflow and applies structured improvements for quality and reliability.
4 skills · pack
curated
Web Performance Audit and Optimize
Measure performance, identify bottlenecks, and apply fixes to improve Core Web Vitals.
9 skills · pack
curated
WCAG Audit and Remediation
Audit a web app against WCAG 2.2 AA, then apply fixes for identified issues.
9 skills · pack
curated
Web Performance Audit and Fix
Installs a pipeline to audit Core Web Vitals, analyze performance, and debug issues using DevTools.
10 skills · pack
curated
SEO Audit to Optimization
Audit a website for SEO issues, analyze on-page elements, and implement fixes to improve organic performance.
9 skills · pack
curated
Debug and Optimize .NET Build
Install this pack to diagnose and fix slow or failing .NET builds using binary logs and performance analysis.
4 skills · pack
Results for “fix”
42 skillsresponsive
Audits and fixes responsive design issues across breakpoints, including fixed widths, missing media queries, non-responsive images, undersized touch targets, and horizontal scroll, with framework detection and verification at mobile, tablet, desktop, and wide viewports.
13
frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
3 · bundle
rams
Reviews code files for accessibility (WCAG 2.1) and visual design issues, providing prioritized findings and fixes.
54 · bundle
ux
Audits UX quality of a codebase or validates implementation against design mockups, then fixes issues and commits changes.
13
typeset
Improves typography by fixing font choices, hierarchy, sizing, weight consistency, and readability, making text feel intentional and polished.
1
critique-typography
Audits typographic decisions on a screen for scale usage, readability, consistency, and token compliance, providing specific fixes.
1.7k
More results
design-audit
Audits design quality across accessibility, performance, theming, and responsiveness, producing a prioritized report with severity ratings and fix recommendations.
13
baseline-ui
Enforces an opinionated UI baseline to fix spacing, hierarchy, typography, and layout issues in AI-generated interfaces.
42.4k
remove-ai-slop
Audits codebases, pages, or documents for AI-generated design and copy tells, then proposes surgical fixes for user approval.
2
frontend-slides
Create zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, with a fixed 16:9 stage and distinctive design.
24.6k · bundle
web-design-reviewer
Visually inspect websites to identify and fix design issues including layout, responsive, accessibility, and visual consistency problems at the source code level.
36.2k · bundle
dashboard
Generates a standard admin dashboard page with a fixed sidebar, top bar, KPI card grid, 1-2 charts, and a recent activity list.
· bundle
refactoring-ui
Audit and fix visual hierarchy, spacing, color, and depth in web UIs using a systematic, opinionated design framework.
1.6k · bundle
refactoring-ui
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.
28 · bundle
icon-audit
Audits icon usage in a codebase, enforcing lucide-react as the single icon library, correct sizes, semantic colors, and accessibility standards, then applies fixes.
1
aica
Provides Kelvin Garr's fixed AICA brand identity and Next.js 14 implementation guide for building his personal sites and AICA-branded projects.
567 · bundle
typeset
Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.
2
design-sync
Imports a design system into the active project, validates UI components against design tokens, fixes token drift, and round-trips edits back to Claude Design.
13
typeset
Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.
7
ui-a11y
Audits components and pages for WCAG 2.2 AA accessibility issues and applies practical fixes for touch targets, focus states, contrast, labels, and reduced motion.
42.4k
ui-score
Score a UI file's design quality 0-100 against StyleSeed's design language with per-category breakdown, worst offenders, and prioritized fix list.
42.4k
critique-visual-hierarchy
Analyze a screen's visual hierarchy by evaluating entry point, eye flow, weight distribution, and emphasis, then provide actionable fixes.
1.7k
aica
Applies Kelvin Garr's fixed AICA brand identity—black glass, gold circuits, Space Grotesk—and Next.js 14 implementation guide for his personal sites and AICA-branded projects.
54 · bundle
critique-composition
Analyze the spatial and structural qualities of a screen design, evaluating balance, whitespace, rhythm, and gestalt principles to identify compositional weaknesses and propose specific fixes.
1.7k
ui-a11y
Audits components and pages for WCAG 2.2 AA accessibility issues and applies practical code fixes for touch targets, focus states, contrast, labels, and reduced motion.
1
design-ux
Run a heuristic evaluation of interactive UIs against Nielsen's 10 usability heuristics and interaction add-ons, scoring the rendered artifact and producing a prioritized fix list.
42.4k
critique-information-density
Evaluate a screen's information density by analyzing cognitive load, content prioritization, scanning patterns, and progressive disclosure, with actionable fixes for each dimension.
1.7k
visual-consistency
Mantém a coerência visual entre peças geradas por IA usando modelo fixo, prompt base, seed e referência de estilo, com teste de coerência e biblioteca de prompts.
2
ui-a11y
Audits components and pages for WCAG 2.2 AA accessibility issues, focusing on touch targets, focus states, contrast, labels, and reduced motion, with practical code fixes.
0
xiaohu-ip-studio
Generates explanatory illustrations for Chinese in-depth articles using a fixed IP character library, following a structured method of cognitive anchor selection, metaphor creation, and anti-PPT self-check.
268 · bundle
responsive-audit
Audits and fixes responsive design issues across specified pages or sections, covering breakpoint coverage, layout collapse, touch targets, typography scaling, overflow, and navigation, with mobile-first enforcement for Next.js and Tailwind projects.
1
mobile-sweep
Runs a headless-Chromium sweep at phone/tablet widths to catch off-screen overflow, tiny touch targets, clipped text, and oversized modals, then reports each offender with a screenshot and a concrete fix.
13 · bundle
baseline-ui
Establish CSS/Tailwind baseline quality — font smoothing, line-height defaults, box-sizing, focus rings, color contrast, Tailwind anti-patterns, and CSS containment. Use when asked to "set up CSS baseline", "Tailwind best practices", "fix font rendering", "global CSS foundation", "typography defaults", "CSS anti-patterns", "improve CSS quality", "line-height reset", "normalize styles", or reviewing a new project's base styles for correctness. Do NOT use for: full design system token architecture — see design-system-gen. Do NOT use for: component-level animation — see motion-design.
2
gpt-image-2
Generate and edit images with OpenAI GPT Image 2 (ChatGPT Images 2.0) on RunComfy. Documents GPT Image 2's strengths (embedded text, logos, multilingual typography, instruction precision), its 3 fixed sizes, edit-with-preservation language, and when to route to a sibling (Flux 2 / Nano Banana Pro / Seedream) instead. Calls `runcomfy run openai/gpt-image-2/text-to-image` or `/edit` through the local RunComfy CLI. Triggers on "gpt image 2", "gpt-image-2", "ChatGPT Images 2", "image 2", or any explicit ask to generate or edit with this model.
33
gpt-image-2
Generate and edit images with OpenAI GPT Image 2 (ChatGPT Images 2.0) on RunComfy. Documents GPT Image 2's strengths (embedded text, logos, multilingual typography, instruction precision), its 3 fixed sizes, edit-with-preservation language, and when to route to a sibling (Flux 2 / Nano Banana Pro / Seedream) instead. Calls `runcomfy run openai/gpt-image-2/text-to-image` or `/edit` through the local RunComfy CLI. Triggers on "gpt image 2", "gpt-image-2", "ChatGPT Images 2", "image 2", or any explicit ask to generate or edit with this model.
12
gpt-image-2
Generate and edit images with OpenAI GPT Image 2 (ChatGPT Images 2.0) on RunComfy. Documents GPT Image 2's strengths (embedded text, logos, multilingual typography, instruction precision), its 3 fixed sizes, edit-with-preservation language, and when to route to a sibling (Flux 2 / Nano Banana Pro / Seedream) instead. Calls `runcomfy run openai/gpt-image-2/text-to-image` or `/edit` through the local RunComfy CLI. Triggers on "gpt image 2", "gpt-image-2", "ChatGPT Images 2", "image 2", or any explicit ask to generate or edit with this model.
5