dylantarre/design-system-skills
Plugin Claude Code
Bundles 29 skills · 1,207 tokens together
Token generators, component patterns, accessibility guidance, and framework integrations.
18,961 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.
dylantarre/design-system-skills
Plugin Claude Code
Bundles 29 skills · 1,207 tokens together
Token generators, component patterns, accessibility guidance, and framework integrations.
Skill Claude CodeCodex
Use when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and needs the correct Memi capability selected.
Skill Claude CodeCodex
Redesenha artefato visual (UI, documento, slide) com detector determinístico de render.
Skill Codex
Use when adding, reviewing, or refactoring Flutter UI that may use reeltext for compact rolling text: command feedback, async/status labels, counters, rotating short phrases, styled TextSpan phrases, WidgetSpan inline anchors, or editable inline corrections. Also use when deciding whether plain Text is better or…
Plugin Claude Code
Bundles 1 skill · 188 tokens together
Stop making slides. Let AI build them in HTML — the medium it was born to write in. Give deckify any brand URL; in minutes you get a brand-faithful Design System markdown plus a verified 9-slide HTML demo deck.
Agent Claude Code
Specialist in user interface design, user experience flows, accessibility (a11y), and Tailwind CSS styling.
Skill Claude CodeCodex
Generate syntactically correct Mermaid diagrams from natural language. Covers flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, Gantt charts, pie charts, and more. Produces clean, render-ready output that avoids the common LLM parsing failures.
Skill Claude CodeCodex
Build modern Android apps with Material Design 3 and Jetpack Compose, including theming, navigation, adaptive layouts, and accessibility. Use for Android UI tasks.
Plugin Claude Code
Bundles 1 skill · 58 tokens together
Build consistent, accessible UIs in Rails using maquinacomponents — ERB partials styled with Tailwind CSS 4, inspired by shadcn/ui.
markerikson/opencode-config-example
Skill Claude CodeCodex
Design patterns for data-dense dashboard UIs with dark themes. Use when building tables, charts, status panels, and data visualization components. Focuses on readability, information density, and consistent design systems.
Plugin Claude Code
Bundles 36 skills, 1 agent, 2 hooks · 2,028 tokens together
Your agent designs terrible UI. stitch-kit wires it into Google Stitch MCP and teaches it the whole pipeline — ideation, screen generation, design systems, and production components across 7 frameworks.
Plugin Claude Code
Bundles 1 skill, 2 commands · 273 tokens together
Animated data-flow diagrams your AI agent can write. Written by AI. Watched by humans.
MCP server Claude CodeCodexCursor +2
MCP server "civil3d-mcp" as configured in barbosaihan/civil3d-mcp. Runs locally from the civil3d-mcp npm package.
Agent Claude Code
OpenLayer Painter — a professional digital artist who makes images through the real OpenLayer panel in Photoshop (via the Agent Bridge), judges every result with an art director's eye, and reports honest product feedback on OpenLayer. Use when asked to "have OP paint/make/design X", to produce hero images, promo art…
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 87 tokens together
Improve existing web UIs with researched design judgment, real edits, verification and an honest before/after report. Bundles the web-stylebook-design skill and the offline, read-only Web Stylebook MCP server.
Skill Codex
Create, revise, normalize, and validate thesis-ready flowchart figures for undergraduate theses, graduation projects, dissertations, and academic papers. Use when users ask to draw or convert thesis/graduation-project process descriptions, algorithm steps, system workflows, business processes, experimental protocols…
Skill Claude CodeCodex
Brand identity and design system expert. Use when creating or enforcing brand consistency across UI, content, marketing materials, or code. Covers logo usage, typography, color systems, voice and tone, component design tokens, and brand governance. Activate when building new pages, writing copy, or reviewing designs…
Kappaemme-git/codex-design-audit-skill
Skill Codex
Evaluate website, web app, landing page, or frontend implementation quality with a structured design audit and scoring grid. Use when Codex is asked to review UI design, visual hierarchy, UX, responsiveness, accessibility, performance perception, copy clarity, frontend polish, or to produce a design/frontend…
YuqingNicole/variant-design-skill
Skill Claude CodeCodex
Create, vary, review, or extend product interfaces. Routes design generation, design systems, components, existing-site analysis, UX review, presentations, WeChat layouts, brand color, and anti-AI copywriting to focused references while preserving project context and producing runnable code when requested.
yub369302-cyber/gathered-scenes-zine-skill
Skill Codex
Transform a user-supplied photo into a vertical 3:5 Gathered Scenes Zine poster that anchors truthful photography inside a spacious source-derived abstract illustration field, aggressively compresses dense foliage and other micro-detail into a few large quiet forms, integrates one high-chroma hue as compositional…
MCP server Claude CodeCodexCursor +2
MCP server "mobbin-mcp" as configured in pdcolandrea/mobbin-mcp. Runs locally from the mobbin-mcp npm package.
Cursor rule Cursor
FastStore styling conventions including CSS custom properties (design tokens), SCSS modules for scoped component styles, component-level overrides using data-fs- attributes, and how to import @faststore/ui styles for new sections. Use when styling components, creating SCSS modules, overriding design tokens in…
Skill Claude Code
Visualizes AWS infrastructure from CLI output, CloudFormation, or descriptions. Use when user has AWS resources to diagram.
Andy1314Chen/architecture-drawer
Plugin Claude Code
Bundles 1 skill · 0 tokens together
Turn a text description of a system architecture into a multi-layered SVG diagram, validated by a 13-dimension quality evaluator, then exported to editable PowerPoint.
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: