272 tagged css, measured the same way as everything else here.
Browse within: javascript 146html5 96front-end 95ppt 94html 81antigravity 65ui 65design-system 52codingchallenges 47agentic-skills 39accessibility 36design-systems 31templates 31web-development 31
Skill Codex
Add, integrate, or build Preline UI components and blocks into HTML files via the Preline MCP server. Use when the user mentions "preline", says "/preline", asks to add a UI component, or requests a Preline block (a ready-made page section) using Preline UI.
Skill Claude CodeCodex
Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone animated HTML files with SVG graphics, flowing animation effects, a built-in dark/light theme toggle, and one-click export to PNG / JPEG / WebP / SVG / GIF / WebM. Accepts plain-language descriptions or pasted…
Skill Claude Code
Implement a playbook from its PROMPT specification files. Supports both single-framework (PROMPT-REACT.md, etc.) and 3-framework (PROMPT-3-FRAMEWORKS.md) modes.
Skill Claude CodeCodex needs its repo
Build a web animation: whether it should animate at all, the purpose, the tool, the properties, the easing curve, the duration, interruption and exit. Writes the CSS or Motion code for dropdowns, modals, toasts, tooltips, accordions, press feedback, stagger and scroll reveals. Use to animate something or make a…
Skill Claude CodeCodex
Recommend 3-5 targeted frontend resources from the fe-tools curated directory for a user's question. Use when the user asks where to learn, what to use, how to choose frontend tools/resources/docs/platforms, or wants curated recommendations for CSS, JS/TS, React, Vue, Node/build, compatibility, AI tools, agent skills…
Skill Claude CodeCodex needs its repo
Creates a new DB UX Design System component with Mitosis source, SCSS, typed model, and a cross-framework Playwright interaction test.
Skill Codex
Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs. Use when Codex is asked to generate Morphous motif images, light/dark design-system boards, reusable image prompts, generated web assets, shadcn/tweakcn theme exports, or the…
Skill Claude Code
Extract a website's design system into a DESIGN.md file. Use when starting a new frontend project, rebuilding a site, or when the user wants AI-generated UI to match an existing brand.
jpoindexter/design-md-extractor
Skill Claude CodeCodex
Extract and document the visual style of public websites as reusable DESIGN.md files. Use when the user asks to analyze a website's design system, extract styles, create design tokens, produce DESIGN.md, generate an agent-readable style guide, or build from a website's visual language.
Skill Claude Code
Replace Tailwind CSS linear gradients with smooth eased gradients using tw-easing-gradients. Use when upgrading bg-gradient-to-, creating fading backgrounds, or smooth color transitions.
Skill Claude CodeCodex
Use when writing, reviewing, refactoring, or modernizing CSS/Tailwind. Apply a policy-first approach: semantic tokens, explicit cascade order, static CSS, intrinsic component layouts, accessible state, measured performance, and progressive enhancement backed by current sources.
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 Code
Teaches agents how to generate Markdown, HTML (with embedded SVG), and Mermaid content that renders beautifully to multi-page PDF via writepdf, with proper page breaks, compact professional layouts, brand and domain-adaptive color schemes, multi-column support for scientific papers, magazine-style editorial documents…
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…
Skill Claude CodeCodex
Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.
Skill Claude CodeCodex
SOTA animation and physics heuristic guide using motion.dev.
Skill Claude CodeCodex
A deployment guide for a Chinese fund-holdings analysis web app. It covers running the app on Alibaba Cloud ECS, a virtual server service, with HTTPS through either a subdomain or a path on an existing domain.
chyinan/terminal-ui-design-system
Skill Claude CodeCodex
Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typography, and a warm color palette. Use this skill when building developer tools, code marketplaces, technical documentation sites, or any interface that benefits from a terminal/command-line aesthetic. Provides complete design…
Skill Claude CodeCodex
This skill should be used when the user asks to "start a new story", "initialize a story project", "create a story", "new book", "set up a story", or wants to begin a new fiction writing project from scratch.
Skill Claude CodeCodex
Structured code review through the shared OpenClaw agent-skills installation.
martgueritainaccurate875/skills
Skill Claude CodeCodex
React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD). Use when: building React Native or Expo apps, implementing…
Lucxar/premium-web-design-skill
Skill Claude CodeCodex
Transform any website into a premium, Apple-quality web experience. Use when building new websites, redesigning existing ones, reviewing web design quality, implementing landing pages, or when the user mentions "premium", "luxury", "high-end", "Apple-like", or "professional" website design. Also activate when creating…
Skill Claude CodeCodex
Verify rendered CSS/layout truth after EVERY visual edit using the Visionaire MCP tools. Use this skill whenever you change CSS, HTML structure, layout, spacing, alignment, colors, responsive breakpoints, or any styling — even if the user did not explicitly ask you to "verify". Claude cannot see rendered pixels; this…
crazyzlnofficial/layout-discipline
Skill Claude CodeCodex
A set of rules for keeping AI-generated web pages visually consistent, including their text sizes, spacing, alignment, cards, and colors.
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: