Experience UI Bundle Frontend Generate
MUST activate before editing ANY file under uiBundles/*/src/ (or the bundle's index.html) for visual or UI changes to an EXISTING app — pages, components, sections, layout, styling, colors, fonts, navigation, animations, branding, or any look-and-feel change. Use this skill when modifying pages, components, layout,...
概要
Experience UI Bundle Frontend Generate is a SKILL.md workflow from forcedotcom/sf-skills. It is categorized under frontend design and links back to its reviewed source so users can inspect the complete instructions and bundled resources before installation.
ユースケース
導入方法
# Review source first
open https://github.com/forcedotcom/sf-skills/blob/main/skills/experience-ui-bundle-frontend-generate/SKILL.mdCopy the reviewed skill folder into the skills directory used by your compatible agent.
セキュリティ
AIToolly validated the published source structure and license automatically. Review forcedotcom/sf-skills and any bundled scripts again before granting workspace, command, or network access.
関連Skills
Constant Time Testing
trailofbits/skills
暗号実装を実行してタイミングサイドチャネルを測定し、統計解析には dudect を、動的トレースには Valgrind 上の Timecop を使用します。形式的、シンボリック、動的、統計的ツールの各カテゴリと結果の確認方法を網羅しています。実行中の実装が constant-time であるかのテスト、コンパイル済みバイナリのタイミングのばらつき測定、または疑わしいタイミング攻撃の調査を行う際に使用します。コンパイラ出力を静的に検査するためのものではありません — constant-time-analysis plug
花叔Design · Huashu-Design
mxyhi/ok-skills
花叔Design——HTMLを使用して、高精度プロトタイプ、インタラクティブデモ、スライド、アニメーション、デザインバリエーションの探索、デザインの方向性に関するアドバイス、専門家によるレビューを提供します。タスクに応じて適切な専門家(UX、アニメーター、スライドデザイナー、プロトタイパー)になりきり、ウェブデザインのありきたりな表現を避けます。トリガーワード:プロトタイプ作成、インタラクティブプロトタイプ、HTMLデモ、アニメーションデモ、デザインバリエーション、hi-fiデザイン、UI mockup、prototype、HTMLページを作成、可視化を作成、アプリプロトタイプ、iOSプロトタイプ、MP4/GIFを書き出し、60fps動画、デザインスタイル、デザインの方向性、カラーパレット、おすすめのスタイル、スタイルを選択、きれいなものを作る、レビュー、見栄えの確認、review this design、解説付きアニメーション、解説動画、長尺の解説動画、voiceover、narration、5分でわかるXの解説
GSAP Core
mxyhi/ok-skills
コアな API のための公式 GSAP スキル — gsap.to()、from()、fromTo()、easing、duration、stagger、defaults、gsap.matchMedia()(レスポンシブ、prefers-reduced-motion)。ユーザーが JavaScript アニメーションライブラリ、React/Vue/vanilla でのアニメーション、GSAP のトゥイーン、イージング、基本的なアニメーション、レスポンシブまたは reduced-motion を求めた際に使用します。
Design Audit
tinh2/skills-hub-registry
アクセシビリティ(WCAG 2.2)、パフォーマンス、テーマ設定、レスポンシブ/アダプティブデザイン、アンチパターン検出を網羅した包括的かつ自律的なデザイン品質監査。トリガー: 'audit design'、'check accessibility'、'a11y audit'、'design review'、'UI quality check'。
Design Claude
tinh2/skills-hub-registry
HTML優先の高精度デザインスキル:インタラクティブプロトタイプ、スライド資料、アニメーションデモ、デザインバリエーションの検討、ビジュアルディレクションの助言、専門的なレビューに対応。トリガー:make a prototype、design demo、interactive prototype、HTML presentation、animation demo。
Design Build
tinh2/skills-hub-registry
独自性のある本番仕様のインターフェースを迅速に構築します。モダンなCSS、流動的なタイポグラフィ、意図を持ったモーションを取り入れ、ありきたりなAI感を排した実動コード(Webまたはモバイル)を出力します。使用場面: 'build UI'、'design this'、'create interface'、'make it look good'、'build screen'、'implement design'、'frontend build'、'design build'。