Design & Frontend
4,640 results
- StorytellingghaidaDiscipline for giving design work narrative structure that makes people care. Provides four canonical patterns — protagonist-arc, choreography, situation/complication/resolution, what-is/what-could-be — each with a goal, shape, and named pathology.
- StrategizeghaidaFrames product design problems before solutions exist. Synthesizes research, sizes opportunities, defines hypotheses, scopes projects, and maps customer journeys. Use this skill for new project kickoffs, ambiguous business asks, translating research into briefs, strategic framing sessions, opportunity assessments, project scoping, stakeholder alignment, and competitive analysis—even if the user…
- TailwindpproencaTailwind CSS v4 performance optimization and best practices guidelines (formerly tailwindcss-v4-style). This skill should be used when writing, reviewing, or refactoring Tailwind CSS v4 code to ensure optimal build performance, minimal CSS output, and correct usage of v4 features.
- Terminal UIpproencaTerminal User Interface (TUI) performance and UX guidelines for TypeScript applications using Ink and Clack. This skill should be used when building CLI tools, interactive terminal prompts, or developer tooling with TUI components. Triggers on tasks involving TUI components, CLI prompts, terminal rendering, keyboard input handling, or developer tooling.
- Typescript RefactorpproencaTypeScript and TSX refactoring and modernization guidelines from a principal specialist perspective, current to TypeScript 6.0 and React 19. This skill should be used when refactoring, reviewing, or modernizing TypeScript or React/TSX code for type safety, compiler performance, and idiomatic patterns.
- UI AnimationneversightGuide tasteful UI animation with easing, springs, layout animations, gestures, and accessibility. Covers Tailwind and Motion patterns. Use when: (1) Implementing enter/exit animations, (2) Choosing easing curves, (3) Configuring springs, (4) Layout animations and shared elements, (5) Drag/swipe gestures, (6) Micro-interactions, (7) Ensuring prefers-reduced-motion accessibility.
- UI DesignpproencaUI/UX and frontend design best practices guidelines (formerly frontend-design). This skill should be used when writing, reviewing, or designing frontend code to ensure accessibility, performance, and usability. Triggers on tasks involving HTML structure, CSS styling, responsive layouts, form design, animations, or accessibility improvements.
- UX PsychologyneversightUX心理学効果をUI設計に適用。ランディングページ、価格表、オンボーディング、CTA設計時に自動参照。
- WireframeghaidaDesign the structural anatomy of screens at wireframe fidelity — what goes where and why, before anyone argues about how it looks. Part of the Intent design strategy system. Produces lo-fi idea boards for divergent exploration, complete interactive grayscale wireframes with real labels and real hierarchy, and click-through prototypes that materialize flow logic from /journey.
- ZodpproencaZod schema validation best practices for type safety, parsing, and error handling. This skill should be used when defining z.object schemas, using z.string validations, safeParse, or z.infer. This skill does NOT cover React Hook Form integration patterns (use react-hook-form skill) or OpenAPI client generation (use orval skill).
- Sveltekit Structurespences10SvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending UI, and hydration.
- Account MaintenancejoellewisProcess account maintenance requests across the account lifecycle. Use when changing a client address or contact info with identity verification, updating beneficiary designations after marriage, divorce, birth, or death, re-registering or re-titling an account to a trust or new entity, selecting tax lot methods or fixing cost basis records, applying legal or compliance holds or Reg T freezes…
- Account Opening WorkflowjoellewisDesign and operate back-office account opening pipelines from application intake through custodian submission and activation. Use when building account opening automation, reducing NIGO rejection rates from custodians or clearing firms, defining document requirements for trusts, entities, IRAs, or estate accounts, setting up multi-custodian account opening across Schwab, Fidelity, or Pershing…
- Client OnboardingjoellewisDesign and implement end-to-end client onboarding workflows from prospect intake through funded account, covering KYC verification, document collection, e-signature, and custodian submission. Use when the user asks about building a digital onboarding flow, integrating identity verification or CIP checks, reducing NIGO rejection rates, opening complex account types like trusts or entities…
- Integration PatternsjoellewisDesign and implement integration architectures connecting financial systems — APIs, FIX protocol, ISO 20022, event-driven patterns, batch feeds, idempotency, and resilience. Use when building custodian integration pipelines, implementing FIX connectivity for order routing, designing ISO 20022 or SWIFT migration messaging, building batch file processing for custodian feeds or EOD reconciliation…
- Investment SuitabilityjoellewisAssess investment suitability obligations under FINRA Rules 2111 and 2090 across all three suitability prongs. Use when the user asks about reasonable-basis, customer-specific, or quantitative suitability, product-specific concerns for complex products, leveraged ETFs, variable annuities, or alternatives, household-level suitability and concentration analysis, hold recommendations, or the…
- Next Best ActionjoellewisDesign and implement next-best-action engines that surface proactive, prioritized recommendations to advisors based on portfolio, life, market, and compliance events. Use when the user asks about building event-driven advisor alerts, designing trigger logic for portfolio drift or large cash movements, prioritizing competing actions across a book of business, routing NBA recommendations to the…
- Performance AttributionjoellewisDecompose portfolio returns into explainable components to identify where value was added or lost. Use when the user asks about Brinson attribution, allocation vs selection effects, factor-based attribution, fixed-income attribution, or currency attribution.
- Proposal GenerationjoellewisGenerate end-to-end investment proposals covering risk profiling, model portfolio recommendation, fee illustration, projections, and compliance review. Use when the user asks about creating a proposal for a prospect, mapping risk questionnaire scores to model portfolios, building fee illustrations with tiered costs, producing Monte Carlo or scenario projections, analyzing a prospect's current…
- ReconciliationjoellewisDesign and operate reconciliation processes across portfolio management, custodian, and clearing systems. Use when building a daily position, cash, or transaction reconciliation process, investigating discrepancies between internal records and custodian records, diagnosing recurring break patterns from corporate actions or pricing differences, setting tolerance thresholds for position, cash, or…
- World Book Skillecho-xianyuCreate and manage SillyTavern Character Cards (角色卡) and World Books (世界书). Supports character card writing, world book creation, MVU ZOD variables, HTML beautification, opening scene writing, and card-generator.py integration. 支持角色卡编写、世界书创建、MVU ZOD 变量系统、HTML 前端美化、开场白创作、 card-generator.py 集成等多种场景。使用前先读取场景路由器和对应参考文件。
- Dagster Expertdagster-ioUse for any task involving Dagster, the dg CLI, assets, materialization, components, data tools or data pipelines, matching the situations the Dagster skill handles. This is the deprecated dagster-expert plugin. It carries no Dagster guidance and exists only to tell the user to move to the dagster plugin.
- Sumeru Outlinexindoo小说大纲/世界观/人设设计，适用于用户说"帮我写个小说大纲"、"设计主角人设"、"做世界观设定"、"搭小说剧情框架"、"写分卷细纲"、"给我设计小说人物"、"做个玄幻世界观"、"帮我梳理小说剧情"、"小说人物设定"、"写小说分章大纲"、"爽点排布规划"、"做小说人设卡"、"构建小说世界"等需求，生成完整的世界观、人物卡、剧情大纲、爽点规划，自动合规检查避免侵权风险，**大批量章节细纲生成时使用子Agent并行处理，每个Agent最多负责3个章节的细纲**
- Sumeru Topicxindoo网文/小说选题策划，适用于用户说"想写小说不知道写什么"、"帮我想个小说题材"、"找网文创意"、"分析什么题材火"、"小说选题评估"、"现在什么网文题材好卖"、"给我几个小说创意"、"想个小说金手指"、"帮我找个热门题材"、"小说写什么题材容易火"、"网文市场趋势分析"、"帮我做小说选题"等需求，生成多套选题方案和市场分析，包含金手指设计、核心卖点、爽点模式和可行性评估