বিজ্ঞাপন[ For iPhone / iPad ] 🔥 Nugget-এর অবিশ্বাস্য ইন্টারেক্টিভ ওয়ালপেপার। এরকম আগে কখনো দেখেননি!

skills.homescapability registry অনুসন্ধান

home/categories/development

domain cluster

Development

Frameworks, languages, and architectural tools.

23643টি স্কিলall categories

sorting

stars

current ordering strategy

query

all entries

refine the visible subset

frontend

2

ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

aphlo

development

cms-platforms

2

hugo-tov-ux

UX/UI specialist auditing Hugo layouts, components, navigation, and interactions against the Tone & Voice Guide. Ensures designs embody intimacy, consent-forward principles, mystery, sensuality, and inclusive accessibility.

RogueRope

development

gaming

2

ux-ascii-visualizer

[UI/UX] Visualizes UI screen structures and components as ASCII art. Represents wireframes, layouts, and UI components as text-based diagrams. Use when requesting 'ASCII wireframe', 'screen structure visualization', or 'UI layout drawing'.

CANTAGESTUDIO

development

scripting

2

scripts-path-usage

This skill provides guidance for teamwork agents on using SCRIPTS_PATH and accessing project data via scripts. Required knowledge for all teamwork agents (orchestrator, workers, verifiers).

mnthe

development

full-stack

2

ui-engineer

Act as a UI engineer to iterate on design details and produce production-grade frontend interfaces. Use when the user provides a PRD (Product Requirements Document) or an existing concept app and wants to refine the UI through clarifying questions before implementation. Outputs HTML/CSS with Tailwind, optional vanilla JS. Focuses on minimalist aesthetics, semi-bold typography, responsive design, and avoids generic AI look, excessive icons, or emojis.

adibfirman

development

scripting

2

orchestration

Orchestrate complex work through parallel agent coordination. Decompose requests into task graphs, spawn background workers, and synthesize results elegantly. Use for multi-component features, large investigations, or any work benefiting from parallelization.

duyet

development

architecture-patterns

2

mastra-vertical-organization

Guide for organizing code by business verticals in the Mastra project. Use this when creating new features or reorganizing code structure.

ffMathy

development

architecture-patterns

2

beads

Track complex, multi-session work with dependency graphs using beads issue tracker. Use when work spans multiple sessions, has complex dependencies, or requires persistent context across compaction cycles. For simple single-session linear tasks, TodoWrite remains appropriate.

lefant

development

architecture-patterns

2

task-planning

Skill para quebrar PRDs em tasks implementaveis

renanlido

development

architecture-patterns

2

parallel-agents

Multi-agent orchestration patterns. Use when multiple independent tasks can run with different domain expertise or when comprehensive analysis requires multiple perspectives.

whodaniel

development

gaming

2

designing-wireframes

Create ASCII wireframes, user flow diagrams, and cross-cutting specifications for UI/UX visualization. Use PROACTIVELY when user mentions wireframe, UI design, UX flow, screen layout, screen design, user flow, or asks to visualize screens. Examples: <example>Context: User needs screen design user: 'Create wireframes for this feature' assistant: 'I will use designing-wireframes skill' <commentary>Triggered by wireframe request</commentary></example> <example>Context: After requirements are detailed user: 'Let me design the screens' assistant: 'I will use designing-wireframes skill' <commentary>Triggered by screen design request</commentary></example>

tomada1114

development

frontend

2

reviewing-xstate-architecture

Evaluate and apply XState architectural patterns and best practices. Use when the user asks to "review XState implementation", "evaluate state machine architecture", "check XState conventions", "audit actor model design", "review state chart structure", or mentions XState architectural patterns and best practices.

japboy

development

architecture-patterns

2

airflow-workflows

Apache Airflow DAG design, operators, and scheduling best practices.

timequity

development

frontend

2

ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

whodaniel

development

full-stack

2

svelte-flow

Build node-based editors, interactive diagrams, and flow visualizations using Svelte Flow. Use when creating workflow editors, data flow diagrams, organizational charts, mindmaps, process visualizations, DAG editors, or any interactive node-graph UI. Supports custom nodes/edges, layouts (dagre, hierarchical), animations, and advanced features like proximity connect, floating edges, and contextual zoom.

linehaul-ai

development

architecture-patterns

2

mvp-planner

Scope and plan minimum viable products with feature prioritization

eddiebe147

development

gaming

2

product-partner

Collaborative product ideation through dialogue. Behave as a critical, refined creative product designer. Use when users want to brainstorm product ideas, explore concepts, discuss features, or shape an MVP. Triggers include phrases like "I have an idea", "let's brainstorm", "product idea", "what do you think about building X", or when users share raw concepts seeking feedback and refinement.

adibfirman

development

architecture-patterns

2

documentation-standards

Universal documentation standards and best practices for software projects

jr2804

development

mobile

2

mobile-ui

Mobile UI patterns, gestures, animations, and platform-specific design.

timequity

development

frontend

2

design-tokens

Apply design token patterns using Tailwind CSS 4 @theme directive: CSS variables, semantic naming, color systems, typography scales, spacing, dark mode. Use when designing UI systems, reviewing design consistency, or establishing brand guidelines. Integrates with frontend-design skill for aesthetic execution.

phrazzld

development

full-stack

2

frontend-engineering

Domain specialist for frontend architecture, state management, accessibility, and performance. Scope: component architecture, state management (Pinia, Vuex, Redux), accessibility (WCAG), responsive design, lazy loading, asset optimization, XSS prevention, CSP, frontend performance. Excludes: backend code, infrastructure, API design, security beyond XSS, performance profiling beyond frontend. Triggers: "frontend", "React", "Vue", "Angular", "component", "state management", "accessibility", "WCAG", "responsive", "XSS", "CSP".

warpcode

development

cms-platforms

2

landing-page-designer

Senior landing page designer specializing in high-converting pages for SaaS, apps, and services. Use when building landing pages, hero sections, pricing pages, or any conversion-focused marketing page. Always researches current best practices via Perplexity before designing. Includes AI slop detection and cleaning.

eddiebe147

development

frontend

2

web-ui-design-guide

Apply modern, professional web UI design principles when building any web UI component. Only execute this when the current project is a web project and involves UI-related work. Use this skill for UI tasks involving buttons, forms, cards, layouts, navigation, or any visual web component. Ensures clean minimal design, neutral color palettes with single accent color, 8px grid spacing, clear typography hierarchy, and subtle visual effects. Prevents common anti-patterns like rainbow gradients, tiny text, and inconsistent spacing.

muheun

development

mobile

2

fpkit-developer

Guide for building applications with @fpkit/acss components. This skill should be used when composing custom React components from fpkit primitives, validating CSS variable naming conventions, extending fpkit components with custom behavior, or ensuring accessibility compliance in fpkit-based applications. Use when the user needs help with component composition patterns, CSS customization, or accessibility testing. Not for developing the @fpkit/acss library itself.

shawn-sandy

development

Page 643 / 986