UI Components

Code-based UI component generation and styling

Showing 7561-7584 of 7996 skills

brainstorming

by trancong12102

Guide collaborative brainstorming to turn ideas into clear designs and specs. Use before creative work (new features, components, functionality, or behavior changes) to clarify intent, constraints, and success criteria.

Code Gen 0 5mo ago

requirements

by ddaanet

Capture and document requirements for implementation. Triggers on "capture requirements", "document requirements", "what do I want to build", or feature discussions without clear documentation. Produces requirements.md artifact for design and planning phases.

Scraping 0 4mo ago

pds

by jsstechio

Pencil Design System generator. Use when the user asks to create a design system, build a UI kit, set up design tokens, or create components in a Pencil .pen file for any business domain. Creates themed tokens, visual foundations, reusable components, and composition patterns.

Code Review 0 5mo ago

nerv-ui

by huskyyy12345

"NERV Operations Console v2 — Evangelion-inspired UI component library. Data-driven Three.js MAGI visualization (yield surface mesh + organic flow curves + bar columns), blockchain event log terminal, dense metrics grid, vault cards, oracle consensus display, CRT effects, emergency mode. Noto Serif Display (weight 900) + Shippori Mincho B1 + JetBrains Mono. NO HELVETICA. Every pixel conveys information."

Design 0 4mo ago

enterprise-ddd

by Alicoder001

Enterprise-grade architecture combining DDD bounded contexts with Feature-Sliced Design. Use for large-scale monorepos with multiple domains, microservices, event-driven communication, and scalable frontend modules.

API Dev 0 5mo ago

avalonia-viewmodels-zafiro

by automindtechnologie-jpg

Optimal ViewModel and Wizard creation patterns for Avalonia using Zafiro and ReactiveUI.

CLI Tools 0 6mo ago

phantom-connect

by Th3Ya0vi

Build wallet-connected applications with Phantom Connect SDKs for Solana blockchain integration

Auth 0 6mo ago

ticket

by Cygnusfear

Use when a skill needs to persist output as a standardized artifact — research findings, plans, postmortems, reviews, design specs, decisions. Replaces bespoke output directories with a single canonical tk ticket system.

Academic 0 5mo ago

ui-ux-designer

by tippyentertainment

End-to-end UI/UX design skill that takes a feature from vague idea to production-ready UI by moving sequentially through research, requirements, information architecture, wireframing, and visual design without skipping steps.

Academic 0 5mo ago

refactor-pattern

by ShotaIuchi

Design pattern analysis for refactoring. Apply when identifying current patterns, anti-patterns, recommending target patterns, and evaluating pattern fit with codebase conventions.

Code Review 0 5mo ago

frontend-design

by velzevul-stack

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Design 0 4mo ago

SKILL.md

by fartbagxp

DATA_SOURCES.md — CDC dataset catalog for finding new data

Processing 0 1mo ago

python

by kprsnt2

Best practices for Python development including PEP 8, modern Python 3.10+ features, and package management.

i18n 0 6mo ago

dedsi-vue3-project

by DedsiTeam

Vue 3 project architecture overview with specific tech stack and development guidelines

API Dev 0 6mo ago

hugo-sveltia-cms

by Baphomet480

Bootstrap new Hugo sites with Sveltia CMS and Basecoat UI, or convert existing sites (any SSG or CMS) to Hugo + Sveltia CMS. Use this skill whenever the user mentions Hugo, Sveltia CMS, Decap CMS migration, TinaCMS migration, static site CMS setup, headless CMS for Hugo, or wants to add a content management interface to a Hugo site. Also trigger when converting WordPress, Jekyll, Eleventy, TinaCMS, or other sites to Hugo, or when setting up Git-based content management. Covers the full workflow from scaffolding through Cloudflare Pages deployment with GitHub OAuth authentication.

CI/CD 0 5mo ago

RouteVideo Remotion Skill

by Equilibriumpress

Route still uses GeoJSON [lon, lat] coordinates.

API Dev 0 21d ago

project-designer

by carlitose

Interactive project design skill that guides users through a structured 3-phase process to produce a complete software specification document. Use when a user wants to: (1) plan a new software project from scratch, (2) design the architecture of an application, (3) create a technical specification, (4) do requirements gathering for an app or system, (5) produce a project blueprint or design doc. Triggers on phrases like "design a project", "plan an app", "create a specification", "architect a system", "help me plan a software project", "requirements gathering", "technical design", "system design document". Do NOT use for existing codebases, code reviews, debugging, or general coding tasks.

Code Gen 0 5mo ago

manimo-design

by egeiran

Use this skill to generate well-branded interfaces and assets for Manimo, either for production or throwaway prototypes/mocks. Manimo is a chat-driven AI video studio that helps students learn STEM by composing 3blue1brown-style explainer videos. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

Design 1 2mo ago

code-comments

by idotta

Write clear, plain-spoken code comments and documentation that lives alongside the code. Use when writing or reviewing code that needs inline documentation—file headers, function docs, architectural decisions, or explanatory comments. Optimized for both human readers and AI coding assistants who benefit from co-located context.

Comments 0 5mo ago

senior-frontend

by nimeshgurung

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

CLI Tools 0 8mo ago