building-ui
97Skill Claude CodeCodex needs its repo
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
20,504 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.
Skill Claude CodeCodex needs its repo
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
Skill Claude CodeCodex
Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for…
Agent Claude Code needs its repo ✓ vendor
Full-stack Azure AI Foundry application scaffolder for React + FastAPI + azd projects.
Plugin Claude Code
Bundles 26 skills, 1 command, 1 agent, 3 hooks, 2 MCP servers · 1,941 tokens together
Turn Claude into a senior design architect: DTCG design tokens, 52 components, WCAG 2.2 AA to AAA accessibility, 2,144 brand-grade design systems, any-framework code generation, and 52 objective quality gates that fail the build instead of claiming success.
Skill Claude CodeCodex
Skill "shadcn-ui-mcp" from Jpisnice/shadcn-ui-mcp-server, covering shadcn/ui mcp for codex and when to use.
Skill Claude CodeCodex
Verify or reproduce visible product behavior by driving the real UI with pi-computer-use's checked tools, requiring verified expect postconditions and durable state evidence for meaningful UI flows. Use when triage needs visual reproduction, implementation needs behavioral proof, review needs interactive confirmation…
Cursor rule Cursor
Naming conventions for files and components in the Rill web frontend codebases.
Skill Claude Code
Manages spartan/ui, the Angular UI library - adding, composing, fixing, debugging, and styling UI with the Brain (headless primitives) and Helm (styled) layers. Provides project context, component APIs, and usage examples. Applies when working with spartan/ui, @spartan-ng/brain, @spartan-ng/helm, the @spartan-ng/cli…
jpudysz/react-native-unistyles
Skill Claude Code
Migrate react-native-unistyles from v2 to v3. Triggers on: "migrate unistyles", "upgrade unistyles", "v2 to v3", "unistyles migration", "update unistyles", "convert unistyles v2". Covers all API changes including StyleSheet.create, useStyles removal, theme configuration, variants, withUnistyles, Babel plugin setup…
Plugin Claude Code
Bundles 1 skill · 67 tokens together
Teaches coding agents how to install, configure, and build sites with the Blowfish Hugo theme.
Skill Claude Code
Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard page or component in ui/src/, style or layout website pages or custom CSS in website/, create new React components for the dashboard, add pages to the dashboard…
Skill Claude CodeCodex
A comprehensive Flutter UI library inspired by shadcn/ui. Provides high-quality, customizable, and accessible components including Buttons, Cards, Forms, and more. Use this skill when building Flutter UIs, implementing design systems, or needing specific component usage examples.
Skill Claude CodeCodex
Add haptic feedback to web apps using the web-haptics library. Use when building mobile-facing UIs that need tactile feedback on buttons, toggles, forms, pickers, and other interactive elements.
LottieFiles/motion-design-skill
Skill Claude CodeCodex
Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects…
Skill Codex
A skill for designing and implementing interactive web animation controlled by inputs such as scrolling, pointer movement, dragging, touch, audio, data, or component state. It covers the visual plan as well as the webpage code that runs the animation.
Skill Claude CodeCodex
This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigger when users request help with "create a prototype prompt", "design a mobile app", "generate UI specifications", or need comprehensive design documentation for web/mobile applications. Works with…
Skill Claude CodeCodex
Prevents generic AI/Codex UI patterns when generating frontend code. Use this skill whenever generating HTML, CSS, React, Vue, Svelte, or any frontend UI code to enforce clean, human-designed aesthetics inspired by Linear, Raycast, Stripe, and GitHub instead of typical AI-generated UI.
Skill Claude CodeCodex
Set up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com). Covers consumer repo layout, docs.config.ts, package scripts, component doc pages (index.mdx frontmatter, ?demo imports, , ), guide pages, home page, changelog, and the build-time…
GoogleChrome/modern-web-guidance
Plugin Claude Code
Bundles 2 skills · 388 tokens together
Keep your coding agent up to date with the latest web best practices.
Skill Claude CodeCodex ✓ vendor
Build, debug, test, and optimize WebGPU projects using vgpu, its CLI, or @vgpu packages. Use for vgpu API questions, WGSL workflows, browser or Node rendering, integrations, testing, performance work, and Blender asset modeling, baking, and runtime integration.
Plugin Claude Code
Bundles 14 skills, 25 commands · 2,272 tokens together
Agentic skills for building PortalJS data portals — recommend an architecture, scaffold a portal, add datasets, charts, and maps, connect a CKAN backend, deploy, and audit data quality.
openstatusHQ/data-table-filters
Cursor rule Cursor
Install and wire up data-table-filters — filterable React data tables with server-side filtering, faceted counts, infinite scroll, and virtualization, delivered as shadcn registry blocks.
Skill Claude CodeCodex
Development rules for a TinyVue component library that supports Vue 2 and Vue 3, desktop browsers, and mobile-first layouts. They separate templates, reusable logic, styles, design rules, localization, and tests.
Skill Claude CodeCodex
Interactive web dashboards: stock trackers, sector heatmaps, portfolio monitors, served via preview URL.
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: