Design & Frontend
4,640 results
- Components GuideconvexGuide to using Convex components for feature encapsulation. Learn about sibling components, creating your own, and when to use components vs monolithic code.
- Convex AddconvexAdd a capability to the CURRENT Convex app — consults the served Convex capability catalog for always-current procedures (billing, crons, auth, agent, search, …); falls back to built-in hosting or @convex-dev component search. TRIGGER when the user runs /add, or asks to add hosting/publishing or any backend capability to an existing Convex app.
- Convex Check UpdatesconvexCheck the current app's pinned Convex components against recommended versions and upgrade them behind a build gate.
- Convex Create ComponentconvexBuilds reusable Convex components with isolated tables and app-facing APIs. Use for new components, reusable backend modules, integrations, or component boundary work.
- Convex DesignconvexDesign and build reactive, type-safe, production-grade backends on Convex. Covers schema, queries/mutations/actions, indexes, auth, file storage, scheduling, real-time multiplayer, mobile backends, and LLM/agent workflows on Convex's one-platform stack.
- Convex ExpertconvexConvex backend specialist. Use this agent for any code inside a `convex/` directory — function definitions, schemas, indexes, queries, mutations, actions, HTTP endpoints, cron jobs, file storage, auth wiring, and component installation. Knows the object-form function syntax, validator patterns, resource limits, and component ecosystem that generic Claude routinely gets wrong.
- Convex Explain AppconvexExplain an existing Convex app — data model + relationships, public vs internal functions, auth/ownership model, components, a request→data flow — read from the schema and function surface. Read-only.
- Convex SuggestconvexSuggest the matching Convex component when the user hand-rolls a pattern it already solves (crons, sharded-counter, rate-limiter, storage, search, presence, workflow, RAG, prosemirror-sync). Passive — suggest after the task, never interrupt. Never install without consent.
- Longbridge Behavioral FinancelongbridgeBehavioral finance application framework — identify cognitive biases in markets (overreaction, underreaction, disposition effect, anchoring, herding), translate them into quantifiable trading signals (momentum / reversal), and assess whether current market sentiment shows systematic bias.
- Longbridge Event StrategylongbridgeEvent-driven investment strategy — identify and analyse corporate events (M&A, spinoffs, buybacks, index rebalancing, lockup expiry) that create pricing dislocations. Framework: event identification → sentiment scoring → historical price reaction → position sizing. Uses Longbridge news / filings / calendar data as signal inputs.
- Longbridge HedginglongbridgeHedging strategy design framework — Beta hedge ratio (portfolio vs benchmark), option protection strategies (protective put / collar), tail-risk hedges (VIX-related / gold / treasuries), cross-asset hedges (currency risk), and hedge cost assessment (option premium vs protection value).
- Longbridge NewslongbridgeAggregated news, regulatory filings, and Longbridge-community discussion for a single stock — classified into catalyst / regulatory / strategic / financial / opinion / other, with a fact-only key-takeaway summary and a sentiment skew. Falls back to WebSearch only when data is sparse or stale, and labels the source.
- Oxygen Formwso2Generate forms with Form.* components and validation. Use when creating input forms, multi-step wizards, or form validation.
- Ai Short Drama Studio Femaledoublesq97-uiDevelop and direct female-audience AI short dramas through role-specific workflows for showrunning, screenwriting, casting and original character design, art, performance, cinematography, storyboarding, sound, post, continuity, and asset handoff. Use when the user asks for 女频短剧、微短剧、言情或非言情女性向故事、女主成长、关系戏、职业戏、女性群像、选题、剧本、改稿、选角定妆、分镜运镜、生图/生视频制作说明、项目圣经或跨工种协作。
- Image To UIuizzeRecreate an image, screenshot, or mockup as a 1:1 UI implementation. Match the reference rather than redesigning it, then render and compare the result to correct visible differences.
- Rtl Spec AnalyzerTONGJI-EDA-LAB分析RTL Design和Specification，提取功能点并完成Signal到Pin的映射分析
- Uizze UIuizzeThe official Uizze skill for building and improving UI/UX. Work with your project's code and assets, and use uizze.com for real app examples, design systems, licensed fonts, icons and interaction resources.
- Animation Micro Interaction Packpatricio0312revProvides reusable interaction patterns and motion presets that make UI feel polished. Includes hover effects, transitions, entrance animations, gesture feedback, and reduced-motion support. Use when adding "animations", "transitions", "micro-interactions", or "motion design".
- Dark Mode Implementerpatricio0312revImplements complete dark/light mode theming systems using CSS variables, Tailwind dark mode, React context, and system preference detection. Use when users request "add dark mode", "theme toggle", "dark theme", "light mode switch", or "color scheme".
- Eslint Prettier Configpatricio0312revConfigures ESLint and Prettier for consistent code quality with TypeScript, React, and modern best practices. Use when users request "ESLint setup", "Prettier config", "linting configuration", "code formatting", or "lint rules".
- Framer Motion Animatorpatricio0312revCreates smooth animations and micro-interactions using Framer Motion including page transitions, gestures, scroll-based animations, and orchestrated sequences. Use when users request "add animation", "framer motion", "page transition", "animate component", or "micro-interactions".
- Mantine ComboboxmantinedevBuild custom dropdown/select/autocomplete/multiselect components using Mantine's Combobox primitives. Use this skill when: (1) creating a new custom select-like component with Combobox primitives, (2) building a searchable dropdown, (3) implementing a multi-select or tags input variant, (4) customizing option rendering, (5) adding custom filtering logic, or (6) any task involving useCombobox…
- Mantine Custom ComponentsmantinedevBuild custom components that integrate with Mantine's theming, Styles API, and core features. Use this skill when: (1) creating a new component using factory(), polymorphicFactory(), or genericFactory(), (2) adding Styles API support (classNames, styles, vars, unstyled), (3) implementing CSS variables via createVarsResolver, (4) building compound components with sub-components and shared…
- Mantine FormmantinedevBuild forms using @mantine/form. Use this skill when: (1) setting up a form with useForm, (2) adding validation rules, schema validation (zod, valibot, arktype) or async validation, (3) working with nested object or array fields, (4) sharing form state across components with createFormContext, (5) choosing between controlled and uncontrolled mode, (6) reading form values during render with…