본문으로 건너뛰기
cccskills

Feima Code

@feimacode

조직

스킬 249개저장소 1개 1천

스킬(249)

검색에서 좁히기

Turn supplied content into a continuous-frame animation for video, using the Hyperframes Video template. The result is compatible with Hyperframes and Remotion and supports autoplay, with real content and data instead of placeholder text or images.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Animating supplied content as a video
  • Creating a Remotion-compatible animation
  • Making an autoplaying animated presentation
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Create a video outro or brand closing frame from your content using the Open Design Logo Outro Frame template. It assembles a logo in segments, adds a glow effect, and reveals a tagline while preserving the template’s visual style.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Make a branded video outro
  • Create a closing frame with a tagline
  • Turn supplied content into a logo reveal
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Create a vertical funnel infographic with three to six narrowing stages. Show conversion, drop-off, and filtering ratios clearly, in a format sized for Stories and Xiaohongshu.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Visualizing conversion across funnel stages
  • Showing where people drop off
  • Presenting filtering ratios in a vertical graphic
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

diagram

무료

This skill creates a package architecture diagram for a monorepo. It shows shared foundations, the hosts built on them, and runtime dependencies versus build-time copies, with each node linked to its package.json for inspection.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Mapping packages in a monorepo
  • Showing shared foundations and dependent hosts
  • Distinguishing runtime dependencies from build-time copies
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Turn supplied content into a whiteboard-style brainstorming frame with sticky-note nodes, curved SVG connectors, and cursor interaction. The skill follows the Sticky Flowchart Frame template and is meant for requests that explicitly invoke it.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Map ideas as connected sticky notes
  • Show a process in a whiteboard-style flowchart
  • Create a brainstorming frame with cursor interaction
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

3d-object

무료

Create a studio-lit 3D product shot of a speaker built from a lathed profile. It places the object on a turntable and applies colors from the design tokens for a rendered presentation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating a 3D speaker product shot
  • Presenting a product on a turntable
  • Applying design token colors to a 3D object
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Render a supplied 3D product model from a `.glb` file as a clean product shot. The model is automatically centered and framed, with a soft shadow on the ground to give the image depth.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating a product shot from a `.glb` model
  • Framing a bottle model for a product preview
  • Rendering a centered 3D object with a ground shadow
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

adr

무료

View a rendered example of ADR-0007, a brief architecture decision record about laying out diagrams in a browser. It serves as a sample of how this decision is documented and presented.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Viewing an example architecture decision record
  • Reviewing a documented choice about diagram layout
  • Seeing a rendered ADR sample
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Turn a single concept into a magazine-style feature outline that traces its central question, early failures, turning point, and key insight. Choose from six layout patterns to present the story.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Shaping a concept into a feature story
  • Showing how early failures led to a turning point
  • Presenting an insight through an editorial layout
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

This skill presents a rendered example of a changelog page for Open Design Agent Kit. The supplied material does not describe steps for creating or editing changelogs, so its documented role is limited to showing the example.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Viewing the changelog page example
  • Reviewing a sample change history layout
  • Checking what the example page contains
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Organize competitor research into an analyst-style product decision report. Compare positioning, features, and pricing, then identify opportunity windows that can inform product choices.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Compare competitor pricing and features
  • Map competitors by market positioning
  • Summarize research for a product decision
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Compare competitors through a positioning map, feature matrix, and pricing review, then summarize opportunity areas in a product decision report. This variant presents the findings in a radar map style.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Compare competitors’ features and pricing
  • Map product positioning across a market
  • Identify opportunity areas for product decisions
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Create a product launch email designed to render in Gmail, Outlook, and Apple Mail. It uses a table layout, three benefit rows, a robust call-to-action button, and a footer designed for compliance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Announce a product launch by email
  • Present three product benefits clearly
  • Create a cross-client email with a call-to-action
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Create a one-page board-style decision memo that states the decision, recommendation and confidence, key facts, tradeoffs, risks, and next actions. It is designed to help a decision-maker review the essentials quickly.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Summarize a decision for a board meeting
  • Present a recommendation with confidence and supporting facts
  • Lay out tradeoffs, risks, and next actions on one page
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Prepare a one-page board-style decision memo that states the decision required, recommendation and confidence, supporting facts, tradeoffs, risks, and next actions. It is designed to help a decision-maker review the essentials and sign off quickly.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Summarize a decision for board review
  • Present a recommendation with confidence and evidence
  • Lay out tradeoffs, risks, and next actions
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Summarize an A/B test or product experiment by organizing its hypothesis, metrics, results, and interpretation, then provide a clear ship, stop, or iterate recommendation to support a product decision.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Summarize an A/B test for a product decision
  • Compare experiment results with the original hypothesis
  • Recommend whether to ship, stop, or iterate
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Organize an A/B test or product experiment around its hypothesis, metrics, results, and interpretation, then produce a recommendation to ship, stop, or iterate. This variant presents the readout in a growth-console style.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Summarizing an A/B test and its results
  • Deciding whether to ship, stop, or iterate
  • Preparing a growth-console-style experiment readout
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Turn an A/B test or product experiment into a product-focused readout. Organize the hypothesis, metrics, results, and interpretation, then present a clear recommendation to ship, stop, or iterate based on the experiment.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Summarize an A/B test for a product team
  • Compare experiment results with the hypothesis
  • Prepare a ship, stop, or iterate recommendation
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

View a rendered example of a postmortem documenting a case where exports stalled in a confined browser. The supplied material identifies it as a sample, without describing a workflow for investigating or writing other incident reports.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Viewing a sample postmortem
  • Reviewing an example of an export hang in a confined browser
  • Using the sample as a reference for incident write-ups
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

This is a rendered example of a skill for explaining a pull request (PR) as a campaign kit. The supplied material gives no details about the explanation process, output format, or additional capabilities.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing an example of a PR campaign kit
  • Exploring a sample PR explanation skill
  • Checking what the provided skill example contains
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

rfc

무료

This is described as an example of an RFC skill for letting an agent see what it built. The supplied material does not explain what artifacts it handles or how the skill performs that review.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Exploring an example RFC skill
  • Reviewing a skill concept for agent output visibility
  • Understanding the stated purpose of the RFC example
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Turn CSV, Excel, or JSON data into a visual report page using the Data Visualization Report template. The skill prepares a design brief, follows the returned instructions to create the files, and registers the finished artifact.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Create a visual report page from a CSV file
  • Present spreadsheet data as a polished report
  • Build a report page from JSON data
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Turn supplied content into a vertical marketing poster or a shareable Moments-style image with a strong visual look. This skill is intended for explicitly requested poster work, using real content rather than filler text or placeholder images.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Making a vertical marketing poster
  • Creating a shareable Moments-style image
  • Turning campaign copy into a visual
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

Create a square, cinematic social media carousel from a user-provided brief. It prepares the design direction, produces the artifact files, and registers the finished work for review or use.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Create a three-card Instagram carousel
  • Turn a short phrase into a social carousel
  • Apply a named brand or visual direction
feimacode/open-design-agent-kit1천2026년 10월 31일 업데이트

본인 계정인가요? GitHub를 연동하면 크리에이터 페이지에 모을 수 있습니다 (일본어)