UI Components

Code-based UI component generation and styling

Showing 361-384 of 8605 skills
affaan-m

frontend-patterns

by affaan-m

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Debugging 287.3K 8mo ago
saifyxpro

ui-ux-design-pro

by saifyxpro

Senior-level UI/UX design expert for building data-driven, premium production interfaces. Use when you need to: 1. Design complex applications (dashboards, SaaS, AI tools) from scratch 2. Generate comprehensive design systems (tokens, palettes, typography) 3. Audit existing UI for quality, accessibility, and "craft" 4. Search for proven real-world design patterns and implementation details Trigger: "design a...", "audit this...", "create a design system", "find icons", "fintech dashboard", "landing page"

Accessibility 87 8mo ago
lawvable

Statutory Interpretation Guide

by lawvable

A curated list of awesome Agent Skills for automating legal work.

Processing 895 8mo ago
borghei

senior-mobile

by borghei

Expert mobile development covering iOS, Android, React Native, and Flutter for native and cross-platform applications.

Processing 973 9mo ago
borghei

senior-frontend

by borghei

Expert frontend development with React, Vue, and modern frameworks including component architecture, state management, performance optimization, and accessibility.

Accessibility 973 9mo ago
borghei

design-system-lead

by borghei

Expert design systems leadership covering component libraries, design tokens, documentation, and design-development collaboration.

Code Gen 973 9mo ago
borghei

project-manager

by borghei

Expert project management covering planning, execution, stakeholder management, risk mitigation, and delivery excellence.

Email 973 9mo ago
borghei

cto-advisor

by borghei

Technical leadership advisor for CTOs on architecture decisions, engineering strategy, team scaling, technical debt management, and technology evaluation.

Code Review 973 9mo ago
borghei

senior-mobile

by borghei

Expert mobile development covering iOS, Android, React Native, and Flutter for native and cross-platform applications.

Processing 973 8mo ago
longbridge

gpui-layout-and-style

by longbridge

Layout and styling in GPUI. Use when styling components, layout systems, or CSS-like properties.

Responsive 18.6K 9mo ago
borghei

product-designer

by borghei

Expert product design covering UI/UX design, design systems, prototyping, user research, and design thinking.

Accessibility 973 9mo ago
axiaoge2

apple-hig-designer

by axiaoge2

Design Apple-style iOS/macOS interfaces following Human Interface Guidelines. Creates HIG-compliant components with SF Symbols, San Francisco typography, and proper accessibility. Supports optional modern effects. Use when designing Apple-style UI, iOS/macOS interfaces, HIG-compliant components, or implementing design system specifications.

Accessibility 194 8mo ago
borghei

brand-strategist

by borghei

Expert brand strategy covering brand positioning, identity development, brand architecture, messaging frameworks, and brand governance.

Code Review 973 9mo ago
remotion-dev

docs-demo

by remotion-dev

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

Code Gen 66.8K 8mo ago
longbridge

gpui-test

by longbridge

Writing tests for GPUI applications. Use when testing components, async operations, or UI behavior.

Code Gen 18.6K 9mo ago
isjiamu

gzh-design

by isjiamu

微信公众号文章排版引擎,将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取,自动章节编号、关键词下划线标记、引言卡片、目录导航、代码块、图片/GIF、作者签名。支持 Markdown / Word(.docx) / PDF / 纯文本输入(非 Markdown 先自动归一化),也支持"一键自动排版"(自动推断结构+选主题),还支持根据用户描述/参考图生成自定义主题组件库并保存本地复用。触发场景:(1) 用户提到"公众号排版""公众号文章""微信排版""gzh",(2) 用户想把文章(md/docx/pdf/纯文本)转成公众号 HTML,(3) 用户说"自动排版""一键排版"公众号内容,(4) 用户想为公众号排版"生成新主题/自定义风格/按这张图做一套组件库"。不用于生成普通网页/落地页/PPT(用前端或 PPT 类 skill)。

Linting 4.1K 3mo ago
longbridge

generate-component-story

by longbridge

Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.

Code Gen 18.6K 9mo ago
mattpocock

teach

by mattpocock

Teach the user a new skill or concept, within this workspace.

Design 302.2K 2mo ago
haowjy

cw-router

by haowjy

Quick guide to choosing the right creative writing skill. Use when you need help deciding which creative writing skill to use for a specific task - brainstorming vs documentation, critique vs writing, etc.

Linting 536 11mo ago
thedivergentai

godot-genre-action-rpg

by thedivergentai

"Comprehensive blueprint for Action RPGs including real-time combat (hitbox/hurtbox, stat-based damage), character progression (RPG stats, leveling, skill trees), loot systems (procedural item generation, affixes, rarity tiers), equipment systems (gear slots, stat modifiers), and ability systems (cooldowns, mana cost, AOE). Based on expert ARPG design from Diablo, Path of Exile, Souls-like developers. Trigger keywords: action_rpg, loot_generator, rpg_stats, skill_tree, hitbox_combat, item_affixes, equipment_slots, ability_cooldown, stat_scaling."

Code Gen 888 8mo ago
haowjy

cw-style-skill-creator

by haowjy

Creative writing skill for creating style skills that teach Claude to write in specific styles. Use when you want to create style guides that the cw-prose-writing skill can follow. Creates either simple markdown files or full .skill packages. Audience is AI (Claude), format is directive and example-based.

Docs Gen 536 12mo ago
OneWave-AI

hypothesis-testing-engine

by OneWave-AI

Take any claim and design + execute a complete research protocol to test it. Apply scientific method automatically: design study, gather data, run analysis, provide verdict with confidence level.

Academic 370 12mo ago
OneWave-AI

brand-consistency-checker

by OneWave-AI

Scan documents and slides for off-brand colors, fonts, and logos. Validate against brand guidelines and suggest corrections.

Code Gen 370 12mo ago
OneWave-AI

company-announcement-writer

by OneWave-AI

Executive communication style for all-hands emails. Balances transparency with appropriate messaging.

Code Gen 370 12mo ago