В каталоге 183 730 навыков в 14 категориях.
ดำเนินงานUX/UIเรื่องออกแบบ wireframe ตามแผนที่ยืนยันแล้ว ใช้เมื่อมี input ครบและคำสั่งอยู่ใน allowlist พร้อมตรวจผลลัพธ์แ...
ดำเนินงานUX/UIเรื่องออกแบบ form ตามแผนที่ยืนยันแล้ว ใช้เมื่อมี input ครบและคำสั่งอยู่ใน allowlist พร้อมตรวจผลลัพธ์และราย...
Executes production HTML and React artifacts from Loxihart or FlashFusion brand token profiles. Runs mandatory 5-questio...
Guide execution plan creation using the standard template. Execution plan organizes user stories into waves with agent a...
Turns a finished analysis into an executive-ready storyline using the Pyramid Principle: governing thought stated first,...
Build and use reusable interactive exercise islands for this Lessons site — multiple-choice and multi-answer questions,...
Anti-AI-slop design system for distinctive, premium interfaces. Bold typography, dark-first #060610, fluid clamp() type,...
Use this skill to analyze a Salesforce Aura component bundle (.cmp, .app, .evt, .intf, Controller.js, Helper.js, Rendere...
Renders, embeds, or displays existing Salesforce CMS content in a React or Angular uiBundle app: installs the CMS toolki...
Use this skill to run a visual-craft audit of a rendered UI and produce an evidence-grounded Craft Report across Useful,...
Use when a product, UX, or scope tradeoff comes up. Pick what's better for the person using it over what's easier to bui...
Lightning Web Components with PICKLES methodology and 165-point scoring. Use this skill when the user creates or edits L...
Migrate legacy Salesforce UI stacks onto modern LWC — Aura → LWC conversion completeness verification and Lightning Out...
Use when creating ASCII art to guide your artistic approach
Directs bold, memorable, highly art-directed website concepts while preserving usability, accessibility, brand coherence...
设计原型专家团入口。用于 Codex CLI 的 $expert-design 调用。 覆盖需求发现、设计系统选择、原型生成、质量审查和导出交付。 触发词：设计原型、UI、UX、设计系统、高保真、HTML 原型、品牌设计、页面设计
Use when a project needs multi-perspective review — pre-launch audit, post-refactor check, inherited codebase assessment...
Build a rich, self-contained HTML explanation of a code change — diff, branch, commit range, MR/PR — with background, in...
Use when the user asks for a rich explanation of a code change, diff, branch, or PR. Produces HTML output.
Explains how a website, a visual effect or an animation was built, from a live URL or a screenshot.
Interview an engineer about the gap between what their non-technical manager expects and the actual state of the work, t...
Produces a rich, self-contained dark-theme HTML explainer for any codebase — covering architecture layers AND detailed d...
Plan explainable AI (XAI) requirements including SHAP, LIME, attention visualization, and regulatory explainability need...
Generate crafted SVG/CSS components, props, characters, and environments for animated explainer videos — the build order...
The look, layout and motion system for 16:9 YouTube explainer boards, in the "Clean minimal" starter theme (white paper,...
Explore ideas through conversation. HOUSTON asks questions, has opinions, and suggests background agents when investigat...
古代遗迹 - Stella深入探索盖亚星球的古代文明遗迹,解开失落文明的秘密
Facilitates open-ended technical exploration through genuine conversation - thinking through problems, exploring options...
Official Expo UI guidelines - build beautiful apps with Expo Router, NativeTabs, SF Symbols, animations, and Apple HIG p...
Framework (OSS). Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spaci...
Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, r...
Framework (OSS). Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to na...
Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementall...
Designs modern, clean iOS screens and components for Expo React Native apps following Apple HIG with safe areas, Dynamic...
Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, me...
Build beautiful native iOS/Android apps with Expo Router. Covers route structure, native tabs, animations, blur effects,...
Framework (OSS). Entry point and router for every Expo or EAS task. Load this skill first — before writing code and befo...
Entry point and router for every Expo or EAS task. Load this skill first — before writing code and before choosing anoth...
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
expo-ui-jetpack-compose
Export design tokens from a Figma file to CSS, Tailwind, or JSON format
Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with...
Plans expressive, content-driven layout systems by translating an approved creative concept, visual system, content hier...
外部第三方資源管理：引入、移除、查詢，確保 external-resources/ 目錄結構完整一致。
Process external specifications through transformation, classification, gap analysis, component discovery, and decomposi...
Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportuniti...
Refactoring pass — extracts repeated Tailwind class combos and markup into components, and lifts magic values into desig...
Extract a complete design system — colors, typography, spacing, components, shadows, and W3C design tokens — from any li...
Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual H...
Extract design primitives from a public website and generate starter token files for your project.
Reverse-engineer a design system from a live website (public URL or localhost). Extracts colors, typography, spacing, sh...
This prompt instructs an image-generation system to produce a high-resolution, photoreal extreme-wide establishing shot...
WHEN users express dissatisfaction with visual appearance or behavior; use Playwright MCP to capture screenshots and col...
Motion discipline distilled across builds. Attention as a fixed per-viewport budget, figure/ground separation (calm the...
Design-system discipline distilled across builds. Semantic token vocabulary (name intent, not palette position), CSS var...
Use to turn a vague client ask into a buildable feature spec — scoping, decisions-needed identification, skill routing,...
Frontend conventions distilled across builds. CRUD shape (DataTable + drawer with mode union), RowActions primitive, for...
Use when scaffolding any frontend surface that touches lists, forms, drawers, tables, or entity editing. Carries the fac...
GoFのFactory系パターン（Factory Method、Abstract Factory、Builder等）の設計・実装を支援するスキル。Erich Gammaの『Design Patterns』に基づき、オブジェクト生成の柔軟性と...
Cross-skill index of observed failure modes. Each skill carries its own Failure mode blocks under the Principle they vio...
Cross-build locked stack decisions and decision criteria for divergent choices. Read at the start of any new project. Co...
Route a learning request to the smallest useful set of Academy professors or instructors based on subject, level, and go...
Builds a WebGL fragment-shader effect in which a word in a bitmap pixel face trails away into light like a long exposure...
UI design: brainstorming, prototyping, Storybook. Triggers: ui design, component library.
UX/UI Designer role: Nielsen Norman 10 Heuristics, UX research methods, usability testing, persona development, journey...
Spawn N parallel Agent calls in one message (per-task agent type, worktree isolation, background mode).
Expert landscape designer transforming yards through photo mapping, 3D visualization, seasonal planning, and deep plant...
Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
Generates fictional minerals with a specific schema including name, chemical formula, color/appearance, and description,...
A Frequently Asked Questions (FAQ) page with collapsible accordion sections, search functionality, and category filterin...
Use this skill to generate well-branded interfaces and assets for fast-agent, either for production or throwaway prototy...
Design UI graphs that remain resilient to partial failures and unstable dependencies.
Generate a complete set of favicons from a source image and update HTML. Use when setting up favicons for a web project.
Generate favicons from a source image
Generate custom favicons from logos, text, or brand colors - prevents launching with CMS defaults. Extract icons from lo...
Frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface wo...
Guide for writing FoundationDB simulation workloads in Rust. Use when
Frontend design heuristics and the loop applying them: existing-ui-audit, brief, inventory, build, review. Use when buil...
Use when the user wants a small, well-bounded change done now without a plan file — a bugfix, config change, rename, doc...
Use when the user wants a code review of an explicit range or set of files — correctness, security, performance, convent...
Creating a new feature module in the React web frontend. Triggers when adding a new page, creating a feature folder unde...
Use this whenever the user asks to "implement", "add", "build", "create", or "modify" a feature, page, view, component,...
The required loop for every change to Brain Games. Use for any new feature, bug fix, game port, UI tweak, or requirement...
Doctrine for auditing an ENTIRE feature and building it to its ideal state. Use on 'deep dive on X', 'audit the X featur...
Build a tap-through demo of a feature so the person can see it before it ships, instead of reading a spec about it. Enum...
Decides how to build an Umbraco feature: extension points, data model, Management API surface and frontend components, w...
Aclara alcance, decisiones abiertas y supuestos antes de implementar features, flujos o refactors con ambigüedad relevan...
Use when splitting rough feature notes into overview, frontend, and backend implementation docs with codebase context an...
Generate a branded social media image announcing a new feature or update. Analyzes git history, auto-detects brand from...
Implement a new feature in this Deno Fresh app the project's way — typed fixture → KV accessor + SEED_VERSION bump → ser...
Initialize new feature with Clean Architecture folder structure and skeleton files. Creates scaffold for domain, data, a...
Analyze codebase against new feature requirements, map affected modules and dependencies, identify architectural risks,...
Guide interactive research and POC creation to understand features deeply. This skill should be used when planning to im...
Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects. Use when the task inv...
Use when planning a new feature, writing a design spec, or when a feature needs upfront design before implementation - p...
Use when frontend work needs to communicate data, action, state, permission, validation, or business-rule needs to backe...
Use when implementing or reviewing frontend server-state flows: typed queries, request caching, invalidation, mutations,...
Use when implementing UI from Figma, Sketch, MasterGo, Pixso, Modao, MockingBot, screenshots, design selections, design...