UI Components
Code-based UI component generation and styling
alphabetically-ordered-aliases
by blockscout
Ensure that aliases are alphabetically ordered within their groups to maintain consistent code style and address Credo readability warnings.
frontend-ui-ux
by Yeachan-Heo
Designer-developer for UI/UX work
State Management
by HoangNguyen0403
Signals-based state management and NgRx Signal Store.
Android Navigation
by HoangNguyen0403
Standards for Jetpack Navigation Compose (Type-safe)
Android Resources & Localization
by HoangNguyen0403
Standards for Strings, Drawables, and Localization
Global Best Practices
by HoangNguyen0403
Universal principles for clean, maintainable, and robust code across all environments.
Angular Component Expert
by HoangNguyen0403
Standards for OnPush components and strict Signals usage.
Performance
by HoangNguyen0403
Optimization techniques including OnPush, @defer, and Image Optimization.
solidjs-patterns
by different-ai
SolidJS reactivity + UI state patterns for OpenWork
python-dev
by databricks-solutions
"Python development guidance with code quality standards, error handling, testing practices, and environment management. Use when writing, reviewing, or modifying Python code (.py files) or Jupyter notebooks (.ipynb files)."
dev-engineer
by wasintoh
Adds logic, state management, TypeScript types, and CRUD operations to UI. Works AFTER ui-first-builder creates the interface. Implements Zustand stores, form handling with React Hook Form + Zod, and prepares for backend connection. Triggers: add logic, add functionality, make it work, state management, form validation, data operations, TypeScript types.
🧠 Plan Orchestrator Skill v2.0
by wasintoh
Always provide localhost URL â User can try immediately
brand-guidelines
by MiniMax-AI
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
frontend-dev
by srbhr
Frontend development skill for Resume Matcher. Handles Next.js pages, React components, Tailwind CSS with Swiss International Style, API integration, hooks, and i18n. Use when creating or modifying frontend code.
request-analyzer
by staruhub
Proactively analyze user requests at the start of conversations to determine task type, assess prompt quality, and intelligently recommend which skills to activate. Should activate for ALL user requests to ensure optimal workflow. Evaluates clarity, specificity, and completeness to suggest prompt-optimizer when needed. Identifies UI design tasks for ui-analyzer and component requests for react-component-generator. Acts as intelligent skill coordinator.
a11y-debugging
by ChromeDevTools
Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.
seedance-prompt-en
by dexhunter
Write effective prompts for Jimeng Seedance 2.0 multimodal AI video generation. Use when users want to create video prompts using text, images, videos, and audio inputs with the @ reference system. Covers camera movements, effects replication, video extension, editing, music beat-matching, e-commerce ads, short dramas, and educational content.
agent-native-architecture
by EveryInc
Build applications where agents are first-class citizens. Use this skill when designing autonomous agents, creating MCP tools, implementing self-modifying systems, or building apps where features are outcomes achieved by agents operating in a loop.
code-review
by JackyST0
Smart code review skill that helps review code quality, identify potential issues, and provide improvement suggestions.
ui
by Chachamaru127
"UIコンポーネントとフィードバックフォームを生成。Use when user mentions components, UI, hero sections, forms, feedback, or contact requests. Do NOT load for: authentication features, backend implementation, database operations, or business logic."
animation-best-practices
by aidenybai
CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness.
code-review
by srbhr
Review code for correctness, security, performance, and Resume Matcher conventions. Use when receiving code review feedback or before submitting PRs. Requires technical rigor, not performative agreement.
ui-review
by srbhr
Review UI changes against Swiss International Style design system. Checks colors, typography, borders, shadows, spacing, and anti-patterns. Use before committing any frontend UI changes.
xcodebuildmcp-cli
by getsentry
Official skill for the XcodeBuildMCP CLI. Use when doing iOS/macOS/watchOS/tvOS/visionOS work (build, test, run, debug, log, UI automation).