Design & Frontend
4,640 results
- 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.
- Apply Design SystemSpacefastApply a Spacefast team's saved design system to a new build or an explicitly requested source edit. Use its standards and brand assets in the real project, then verify the result.
- Build Design SystemrohunvoraBuild a design system from scratch using the Design Graph methodology. Use when starting a component library, creating design tokens, establishing typography scales, or structuring a theme. Based on Brent Jackson's (jxnblk) constraint-based systems.
- Build WebsiteSpacefastCreate and publish a new Spacefast website from a brief, such as a landing page, portfolio, report, or dashboard. Use when the user wants a new site. For an existing Space, use edit-space.
- Code QualitycognitedataMUST be used whenever reviewing a Flows app for code quality, maintainability, or clean code issues — before a PR review, after a feature is complete, or when the user asks for a code review. Do NOT skip linting steps.
- convex/convex-backend-skillConvexCollectionConvex backend skill for building reactive, type-safe, production-grade backends
- Cost EstimatorKernel8901工程造价估算与清单编制助手。提供工程量计算、清单编制、定额套用、造价分析全流程支持。 适用场景： (1) 用户说"帮我估算造价"、"编制工程量清单"、"这个工程大概多少钱" (2) 投资估算、设计概算、施工图预算编制 (3) 工程量清单（GB 50500）编制与复核 (4) 综合单价分析、定额套用咨询 (5) 竣工结算审核要点梳理 (6) 材料价格信息查询与调差计算 (7) 暂列金额、暂估价、计日工处理 (8) 造价纠纷分析与鉴定配合
- Create Client ToolcognitedataScaffolds an AtlasTool for an already-approved in-app useAtlasChat UI. For EOS sidebar tools, use integrate-fusion-agent (createAgentAction) instead. Triggers: AtlasTool, useAtlasChat tool, in-app atlas client tool.
- Creative Briefiart-aiThis skill should be used when the user asks to "write a creative brief", "build a motion brief", "the client doesn't know what they want", "turn this vague client request into a brief", "what questions should I ask the client", or "make a brief I can get sign-off on". It turns a fuzzy client ask into a structured, sign-off-ready motion design brief and the exact clarifying questions to send back.
- Creo Design Agentdncore面向制造业的钣金/注塑件设计智能体服务。当用户需要设计钣金件（折弯、冲孔、展开、材料选型）、注塑件（壁厚、拔模、加强筋、凸台、模流/锁模力工艺参数）或给出分析参数（力学/有限元/热力/模流）时使用。可检索行业/公司知识库、调用 Creo 进行三维建模。内置 ReAct 智能体 + 可配置 OpenAI 规范 LLM provider + 知识库 RAG + 分析引擎，通过 MCP 工具 design_chat 或 HTTP /chat 使用，同时也暴露底层工具面。
- 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.
- DesigncognitedataSimplified Aura guidance for selecting primitives, keeping token usage consistent, and applying reliable layout/copy/state patterns in Flows and Fusion apps.
- Edit SpaceSpacefastChange the content, design, or source files of an existing Spacefast Space and apply visual review notes. Use for page text, styles, layout, or file edits. Do not use for unrelated local editing.
- Flows App BriefcognitedataCertification coach for Flows apps. Captures the app name, value case, persona, problem, and design intent through a structured conversation and writes App-Brief.md at the repo root. Write the brief after the SME conversation — do not dump an empty template as the opening move. If they came from Fusion Custom apps Start building, follow start-flows-app so https://localhost is up first.
- Flows Code ReviewcognitedataRun the technical (code) review step of Flows app certification in a local git app. Loads flows-review-checks for the actual bar, then writes artifacts under reviews/code-review/feedback-round-<N>/. Use when the user asks for a Flows code review, technical review, pre-submit review, app certification code review, or "run flows-code-review".
- Flows Design ReviewcognitedataSemi-automated design quality review for Flows apps. Runs concrete repo probes (grep, lint, build) to propose a draft 1–5 score for each of the official 10 quality-guidelines questions from docs.cognite.com/cdf/flows/guides/quality-guidelines, then asks the user to confirm or override each score.
- Flows External App SubmitcognitedataFinal gate of the Flows app certification flow for external submission. Verifies that flows-app-brief, flows-code-review, and flows-design-review have all been run and are in a passing state (App-Brief.md complete, 0 Must Fix in latest code review, design average ≥ 3.8), then runs `npx @cognite/cli apps submit` to zip the repo and pre-populate the submission form.
- Frontend ComponentscoreyjaDesign reusable, composable UI components with single responsibility, clear interfaces, and proper state management. Use this skill when creating or refactoring React, Vue, Svelte, or other framework components. When defining component props, interfaces, or APIs. When managing component state or lifting state up to parent components.
- Frontend CSScoreyjaWrite maintainable CSS following the project's established methodology, whether using Tailwind utility classes, BEM naming, CSS modules, or styled-components. Use this skill when styling UI components or pages with CSS, applying design system tokens for colors and spacing, or working with CSS frameworks. When writing utility classes, custom styles, or responsive design rules.
- Frontend CraftingsentimonyYou MUST use this when building, implementing, redesigning, reviewing, or refining user-facing interfaces - including pages, layouts, forms, navigation, dashboards, and reusable UI components in HTML, CSS, Vue, Nuxt, React, or other frontend frameworks.
- GlassmorphismainergizCreates frosted glass UI elements with blur, transparency, and subtle borders. Use when building overlays, floating controls, tooltips, or any element that should appear elevated with a translucent background.
- Import Design SystemSpacefastSave branding, design tokens, component standards, writing guidelines, and asset references from user-provided material into a Spacefast team's design system.
- Integrate Fusion AgentcognitedataMUST be used when adding AI, Atlas, an agent, a chat UI, or LLM features to a Flows/Fusion app. Use the Atlas/EOS sidebar via @cognite/app-sdk — not useAtlasChat, vendored atlas-agent, or per-row chat completions. Triggers: atlas, EOS, PAIA, agent chat, chat UI, sendAgentMessage, sendAgentLayoutMode, registerAgentServer, connectToHostApp, useAtlasChat, LLM.
- Integrate Todo ListcognitedataTodoWrite panel for an already-approved in-app useAtlasChat UI. New AI features use integrate-fusion-agent. Triggers: TodoWrite, todo panel — only when useAtlasChat already exists.