Instructions file GitHub Copilot
Instructions for mattv8/ragtime, covering ragtime frontend - design system, persistence & precedence, brand & personality, color tokens and default palette anchors.
6,353 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.
Instructions file GitHub Copilot
Instructions for mattv8/ragtime, covering ragtime frontend - design system, persistence & precedence, brand & personality, color tokens and default palette anchors.
Skill Claude CodeCodex
Use when making single-property CSS or Tailwind visual changes in Next.js App Router projects. Presents a floating control widget on the page so the user can tweak the value before it is persisted. Covers atomic style changes, live preview, and cleanup. Triggers on single CSS value or single Tailwind utility class…
Skill Claude CodeCodex
Audit and fix accessibility issues — WCAG 2.2 compliance, ARIA labels, color contrast, keyboard navigation, and screen-reader compatibility.
Plugin Claude Code ✓ vendor
Bundles 3 skills · 205 tokens together
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes.
claude-skills/sveltekit-svelte5-tailwind-skill
Skill Claude CodeCodex
Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4.
Skill Claude CodeCodexGemini CLI
Builds and evolves enterprise-quality CSS Design Systems based on Chameleon web components. Use when the user wants to create, scaffold, or evolve a DS, add components/tokens/themes. Triggers on: 'design system', 'DS', 'design tokens', 'theme system', 'build a DS', 'scaffold DS', 'create design system'.
Cursor rule Cursor
You are a Senior Front-End Developer and an Expert in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS, and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, and thoughtful answers, and are a…
Skill Claude CodeCodex
Write and refactor Vue, React, Svelte, Blade, and HTML markup using vite-plugin-useclassy modifier attributes such as class:hover and className:focus. Use when authoring UI, converting existing Tailwind variant classes to UseClassy, or reviewing and fixing UseClassy markup.
Skill Claude CodeCodex
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
Skill Claude CodeCodex
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…
jaywilburn/refactoring-ui-skill
Skill Claude CodeCodex
Comprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building…
Amsterdam/amsterdam-agent-skills
Skill Claude CodeCodex
Mandatory for all Gemeente Amsterdam UI work. Use for pages, layouts, forms, dashboards, landing pages, React/JSX/TSX components, styling, theming, scaffolding frontend projects, or any visual interface. Covers @amsterdam/design-system-react, CSS tokens (--ams-), BEM CSS with ams- prefixes, 4/8/12-column Grid…
Plugin Claude Code
Bundles 9 skills, 5 commands, 1 agent · 538 tokens together
Design Director for websites, web apps, iOS, and Android. Generates HTML/CSS directly (Gemini Design MCP, Magic/21st.dev, and shadcn MCP are optional). iOS/Android produce tokens + a device-framed mockup + a handoff spec, never SwiftUI/Compose. Design method, design system tokens, motion, UX copy, and a deterministic…
alessioarzenton/claude-code-wp-toolkit
Skill Claude CodeCodex
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
Skill Claude CodeCodex
A tool that converts Markdown articles into inline-styled HTML for WeChat Official Accounts, China's publishing platform. It offers selectable visual themes and optional structured components and an opening SVG animation.
Skill Claude CodeCodex
Generate dynamic, hand-crafted static websites for real businesses (restaurants, clinics, shops, trades, studios) that read as designed by a human studio — never as an AI template. Use this skill for ANY request to create, redesign, or improve a web page, landing, demo, home, subpage, or showcase for a business — "haz…
Skill Claude CodeCodex
Design Copilot with two enforcement layers (Taste Guardian + Blind Spot ESLint plugin, 14 rules). Works standalone with zero dependencies. 7-phase design pipeline. Produces Awwwards-level websites with automated UI hygiene enforcement.
zian10001/codex-frontend-visual-handoff
Skill Claude CodeCodex
Provider-neutral, Windows-first Beta workflow for inspecting, preparing, and reviewing bounded frontend visual handoffs with optional external coding clients and a Codex-only path. Use only when the user explicitly invokes $frontend-visual-handoff; default to mode=inspect, require a separate second invocation with…
HaiDong-Once/cursor-rules-collection
Cursor rule
A Chinese-language set of frontend coding standards covering naming, files, HTML, constants, and related practices for web applications.
Skill Claude CodeCodex
A way to create PNG images by describing their layout with HTML and CSS and rendering it in a browser.
Skill Claude CodeCodex
Build web UI that is accessible through the platform instead of patched with ARIA and JavaScript. Use when writing or reviewing HTML and CSS for any web interface - choosing between a native element and a hand-built component, styling focus, honouring user preferences such as reduced motion or forced colors, meeting…
Renais-Star/html-style-generator
Skill Claude CodeCodex
A tool for generating multiple connected HTML page prototypes in different design styles. The generated pages use Simplified Chinese text, custom CSS styling, navigation links, and optional image and icon libraries.
Skill Claude CodeCodex
Generate emotionally resonant, production-grade web pages and interfaces with extraordinary visual beauty. Trigger this skill when the user says "start building" a web page, landing page, portfolio, app UI, or any web interface where visual excellence is the primary goal. Also trigger on phrases like "make it…
Carlos-Dominguez-faber/forja-landing
Skill Claude CodeCodex
Construye landing pages cinematicas para cualquier tipo de negocio — personal brand, SaaS, agencia, producto, curso, consultor, clínica — con video hero Seedance, crítica anti-AI-slop y auditoría web. Usar cuando el usuario pide construir una landing page. Adapta secciones, copy y CTAs al tipo de negocio. Anti-AI-slop…
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: