Skill Claude CodeCodex
A collection of 118 single-page HTML design references, including a Chinese Traditional Colors swatch page and 96 examples of marketing websites.
not rated 145
+3 2mo ago A 405 tokens
html-anything
362Skill Claude Code
Turn rich agent answers and any file, folder, URL, or export into a polished single-file HTML page. Auto-picks a default route plus 17 concrete design systems (teaching, dashboard, atlas, timeline-story, document, …).
not rated 144 3mo ago A 53 tokens
MIT-0
vidanov/aws-architecture-diagram-skill
Skill Claude CodeCodex
Generate AWS architecture diagrams in draw.io format. Activates when the user asks to create, generate, or build an architecture diagram, system diagram, or draw.io diagram for AWS services.
not rated 144
+3 1mo ago A SkillSpector: pass 43 tokens
original MIT
bonsai-board
364Skill Claude CodeCodex
Write to (or read) the user's BonsAI board — the spatial idea canvas in the BonsAI macOS app. Use when the user asks to put / drop / add / send something to their BonsAI board, capture an idea or note on the board, sketch a diagram or architecture onto the canvas, evolve an idea already on the board, or read what's…
not rated 144
+1 6d ago A 0 tokens
Skill Claude CodeCodex
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
not rated 143
+1 2d ago A 61 tokens
react-artifact
366Skill Claude CodeCodex
Author app-like designs in React/JSX and bundle them in-sandbox into the same single self-contained HTML artifact Design Studio delivers. Use when the design needs real state, complex interactivity, or component reuse beyond what vanilla JS comfortably handles.
not rated 143
+2 yesterday A SkillSpector: warn 53 tokens
original Apache-2.0
color
367innei-template/smart-webapp-template
Cursor rule Cursor
You should use @https://github.com/Innei/Pastel Pastel color system with kawaii-inspired OKLCH colors and TailwindCSS v4 integration.
not rated 142 12d ago A 3 tokens
original MIT
web-design
368Skill Claude CodeCodex
Use when building any web page, HTML artifact, landing page, dashboard, slide deck, report, email, or UI component the user will look at. A taste-first design system that makes generated pages look intentional and crafted instead of generic "AI-made". Provides an aesthetic-direction process, design tokens, a starter…
not rated 142 yesterday A SkillSpector: pass 80 tokens
original MIT
html-artifacts
369Skill Claude CodeCodex
Produce a self-contained HTML artifact instead of a markdown document when the request is for content that benefits from spatial layout, color, real diagrams, interactivity, or a round-trip editor. Use this skill aggressively whenever the user asks for a "doc," "writeup," "plan," "spec," "report," "explainer,"…
not rated 142
+2 4mo ago A 222 tokens
original Apache-2.0
Skill Claude CodeCodex
Turn any system architecture into an interactive, pannable/zoomable canvas diagram (dark by default with a light switcher, JetBrains Mono, plane-coloured bands, click-to-isolate focus, PNG export) — the "architecture canvas" style — and optionally publish it to artifact.cafe for review. Use whenever the user asks for…
not rated 141 14d ago A 155 tokens
original MIT
antd
371Cursor rule Cursor
A set of guidance for improving user interfaces built with Blazor and the Ant Design Blazor component library. Blazor is a Microsoft framework for building web interfaces with .NET, while Ant Design Blazor provides reusable interface components.
not rated 141
+1 10mo ago A 0 tokens
original Apache-2.0
maquina-app/maquina_components
Skill Claude CodeCodex
Build consistent, accessible UIs in Rails using maquinacomponents. Use this skill when implementing UI for features, creating views, building forms, or reviewing UI specs. Triggers on view creation, UI implementation, form building, layout design, or mentions of maquinacomponents usage.
not rated 140 21d ago A SkillSpector: warn 61 tokens
original MIT
alima-max/prototype-to-figma-skill
Skill Claude CodeCodex
Converts a working Claude Code prototype into a structured Figma design file — exploding each interaction flow into separate frames, using the target file's design system components, and annotating interaction details natively in Figma. Use this skill whenever the user asks to turn a prototype into Figma frames…
not rated 140
+2 1mo ago A 181 tokens
original MIT
mcp
374MCP server Claude CodeCodexCursor +2
AI-powered design and management for Webflow Sites. Remote server at mcp.webflow.com.
not rated 139
+1 3mo ago A
tokens not measured
original MIT
swiss-design
375Skill Claude CodeCodex
Apply a Swiss International Style design system using Tailwind CSS. Use when asked to style a webpage, clean up a UI, apply a design system, make something look great, or when the user references Swiss design, grotesque fonts, Helvetica, grid systems, modernist typography, or 1960s/1950s design aesthetics. Implements…
not rated 139
+2 2mo ago A Socket: passSnyk: passSkillSpector: pass 94 tokens
original MIT
beava-design
376Skill Claude Code
Use this skill to generate well-branded interfaces and assets for beava (beava.dev, an open-source single-binary feature server for stream processing), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
not rated 138
+1 3mo ago A 67 tokens
original Apache-2.0
portfolio-audit
377Skill Claude Code
Audit a design portfolio website against what top design leaders actually look for when hiring. Use with /portfolio-audit .
not rated 138 5mo ago A 29 tokens
bm-skills
378Plugin Claude Code
Bundles 4 skills · 235 tokens together
All Builder Methods skills: PRD Creator, Skill Builder, Design System, and Favicon Creator.
not rated 135
+2
changed 5d ago A
tokens not measured
Skill Claude CodeCodex
Create Framer Code Components and Code Overrides. Use when building custom React components for Framer, writing Code Overrides (HOCs) to modify canvas elements, implementing property controls, working with Framer Motion animations, handling WebGL/shaders in Framer, or debugging Framer-specific issues like hydration…
not rated 134 1mo ago A Socket: passSnyk: passSkillSpector: pass 71 tokens
original MIT
frontend-rule
380AI-Maker-Space/The-AI-Engineer-Challenge
Cursor rule Cursor
When designing a frontend or frontend components.
not rated 134 4mo ago A 8 tokens
flowforge-skill
381wentong2022-arch/flowforge-skill
Plugin Claude Code
Bundles 1 skill · 153 tokens together
Generate professional draw.io diagrams from natural language — flowcharts, architecture diagrams, comparisons, and more.
not rated 134 2mo ago A
tokens not measured
original MIT
bricks
382Skill Claude CodeCodex
Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON. Use for any Bricks task — sections, pages, headers/footers, query loops, ACF/dynamic data, faceted filters, conditions, interactions/animations, popups, WooCommerce templates, custom elements, or hooks. Verified against Bricks…
not rated 132
+1 2mo ago A 83 tokens
silk-design
383Skill Claude CodeCodex
Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop. Use when building or restyling any website, landing page, hero, marketing page, portfolio, or web UI; when adding scroll animations, reveals, parallax, marquees, hover effects, page…
not rated 131
+2 12d ago A 140 tokens
original MIT
frontend-design
384Skill Claude Code
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.
not rated 130 7mo ago A 37 tokens
original MIT
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: